高效开发简化代码的JS常用技巧
JS不仅可以做前端,随着Nodejs的稳定发布,还可以用来做后台。Js的应用越来越广泛,小项目,大的系统都可以来做。Js也在不断的更新语法,性能也得到了提升,让开发者开发更高效,简化代码。下面雷雪松就介绍几种高效开发简化代码的常用技巧。
1、解构
a、交换变量的值
[cc lang=”javascript”][a, b] = [b, a];[/cc]
b、获取JSON对象的值
[cc lang=”javascript”]var jsonData = {
name: ‘雷雪松’,
age: 18
};
let { name, age} = jsonData;
console.log(name, age);// ‘雷雪松’,18[/cc]
c、导入模块的指定方法,比如module里面export a、b和c,我只需要导入a和b
[cc lang=”javascript”]import {a,b} from “module”[/cc]
2、…扩展运算符和REST运算符
a、函数传参
[cc lang=”javascript”]function test(a, b, c) {
console.log(a);
console.log(b);
console.log(c);
}
test(…[1, 2, 3]);// 1,2,3[/cc]
b、数组深拷贝
[cc lang=”javascript”]var arr= [1,2,3];
console.log(arr===[…arr]); //false, 说明指向不同数组[/cc]
c、合并数组
[cc lang=”javascript”]let a = […[1,2,3],…[4,5,6]]; //[1,2,3,4,5,6][/cc]
d、获取函数剩余参数
[cc lang=”javascript”]function test(a, …args) {
console.log(args);
}
test(1, 2, 3, 4);//[ 2, 3, 4 ][/cc]
3、箭头函数,需要注意this的作用域
[cc lang=”javascript” escaped=”true”]func = (params) => params + 2//只有一个参数时,params的括号也可以去掉
func(2);// 4[/cc]
4、字符串模板
[cc lang=”javascript”]let world = ‘world’;
console.log(`Hello ${World}`)// “Hello World”,注意是键盘tab上面,1左边的那个键,不是单引号[/cc]
5、对象简写
[cc lang=”javascript”]const obj = { x, y };如果属性名与key值相同测可以直接省略key,等于{ x:x, y:y }[/cc]
2019年1月29日 下午2:23
js一直学不来,感觉JS的设计太高端了
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
学习了,谢谢松哥
2019年5月6日 下午3:57
梁巨才博客到访~
2019年5月8日 上午12:26
文章不错支持一下吧
2019年5月10日 下午6:51
写得太精彩了,以这样的篇幅写了这么大跨度的文章,精品。向楼主学习!
2019年5月16日 下午3:15
我看了不少网站,博主的网站写的不错,收藏了哈,经常来看,有空我们一起做个友qing链jie呗,我的是:www.jw61.com 深圳网站建设,等着你哦。
2019年5月22日 下午11:11
文章不错非常喜欢
2019年6月24日 下午11:42
文章不错非常喜欢