雷雪松的个人blog

雷雪松的博客，一个优秀的个人技术博客。
-

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

WEB前端

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

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常用技巧

24 评论 “高效开发简化代码的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

    学习了，谢谢松哥

    Justin 评论:
    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

    文章不错非常喜欢

发表回复

您的电子邮箱地址不会被公开。