高效开发简化代码的JS常用技巧

WEB前端

JS不仅可以做前端,随着Nodejs的稳定发布,还可以用来做后台。Js的应用越来越广泛,小项目,大的系统都可以来做。Js也在不断的更新语法,性能也得到了提升,让开发者开发更高效,简化代码。下面PHP程序员雷雪松就介绍几种高效开发简化代码的常用技巧。

1、解构
a、交换变量的值

1
[a, b] = [b, a];

b、获取JSON对象的值

1
2
3
4
5
6
var jsonData = {
name: '雷雪松',
age: 18
};
let { name, age} = jsonData;
console.log(name, age);// '雷雪松',18

c、导入模块的指定方法,比如module里面export a、b和c,我只需要导入a和b

1
import {a,b} from "module"

2、…扩展运算符和REST运算符
a、函数传参

1
2
3
4
5
6
function test(a, b, c) {
console.log(a);
console.log(b);
console.log(c);
}
test(...[1, 2, 3]);// 1,2,3

b、数组深拷贝

1
2
var arr= [1,2,3];
console.log(arr===[...arr]); //false, 说明指向不同数组

c、合并数组

1
let a = [...[1,2,3],...[4,5,6]]; //[1,2,3,4,5,6]

d、获取函数剩余参数

1
2
3
4
function test(a, ...args) {
console.log(args);
}
test(1, 2, 3, 4);//[ 2, 3, 4 ]

3、箭头函数,需要注意this的作用域

1
2
func = (params) => params + 2//只有一个参数时,params的括号也可以去掉
func(2);// 4

4、字符串模板

1
2
let world = 'world';
console.log(`Hello ${World}`)// "Hello World",注意是键盘tab上面,1左边的那个键,不是单引号

5、对象简写

1
const obj = { x, y };如果属性名与key值相同测可以直接省略key,等于{ x:x, y:y }

来源:高效开发简化代码的JS常用技巧

25 评论 “高效开发简化代码的JS常用技巧

    福州seo 评论:
    2019年1月29日 下午2:23

    js一直学不来,感觉JS的设计太高端了

    搬瓦工vps 评论:
    2019年2月28日 下午12:18

    大佬 交换链接吗

    莫愁 评论:
    2019年3月2日 下午4:13

    我是莫愁个人博客的站长,有空欢迎访问我的博客(http://www.mochoublog.com),如果觉得我博客内容可以,希望贵站能在友情链接处增加我的友链。
    下面是博客信息
    博客名:莫愁
    博客地址:https://www.mochoublog.com
    博客图片地址:https://www.mochoublog.com/images/logo.jpg
    博客介绍:技术分享、帝国CMS

    重庆整形 评论:
    2019年3月7日 下午2:15

    个人觉得JS还是用于客户端,可以减少服务器压力。NODE.JS运行在服务器端。

    纽约网页设计 评论:
    2019年3月11日 下午11:32

    我通常爱把一下插件都整合到同一个js文件里面,然后用注释隔开。这样也可以简化。谢谢分享

    老部落 评论:
    2019年3月18日 下午3:25

    朋友 交换链接吗

    丘八阅读网 评论:
    2019年3月19日 下午2:28

    文章不错,非常喜欢

    网赚钱 评论:
    2019年3月26日 上午9:13

    谢谢分享。

    妙文屋 评论:
    2019年3月27日 下午1:12

    不错不错,来看看。。

    推广开户 评论:
    2019年3月27日 下午4:24

    JS的调用,确实牛,很实用!

    文娱帝国 评论:
    2019年3月29日 下午4:03

    写的很好,很喜欢

    评论:
    2019年3月29日 下午4:03

    陌生人 评论:
    2019年4月1日 上午10:51

    JS的调用,写的很好,很喜欢。

    网赚 评论:
    2019年4月2日 上午9:08

    很详细 感谢!

    济公活佛 评论:
    2019年4月8日 下午4:11

    价格复活甲

    空包网 评论:
    2019年4月11日 上午10:46

    感谢分享

    情感咨询 评论:
    2019年4月17日 下午2:09

    感谢分享,实用

    知识共享网 评论:
    2019年4月27日 下午12:56

    学习了,谢谢松哥

    zygdzzgs 评论:
    2019年5月5日 下午9:04

    楼下是疯子。哈哈

    Justin 评论:
    2019年5月6日 下午3:57

    梁巨才博客到访~

    今日新闻 评论:
    2019年5月8日 上午12:26

    文章不错支持一下吧

    61o 评论:
    2019年5月9日 下午11:02

    楼下是疯子。哈哈

    中国轻小说网 评论:
    2019年5月10日 下午6:51

    写得太精彩了,以这样的篇幅写了这么大跨度的文章,精品。向楼主学习!

    聚网志成 评论:
    2019年5月16日 下午3:15

    我看了不少网站,博主的网站写的不错,收藏了哈,经常来看,有空我们一起做个友qing链jie呗,我的是:www.jw61.com 深圳网站建设,等着你哦。

    今日新闻 评论:
    2019年5月22日 下午11:11

    文章不错非常喜欢

发表评论

电子邮件地址不会被公开。 必填项已用*标注