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

2019-02-01 16:44:00  阅读 1625 次 评论 0 条

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


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

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


b、获取JSON对象的值

var jsonData = {
name: 'name',
age: 18
};
let { name, age} = jsonData;
console.log(name, age);// 'name',18


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

import {a,b} from "module"


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

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


b、数组深拷贝

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


c、合并数组

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


d、获取函数剩余参数

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


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

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


4、字符串模板

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


5、对象简写

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



微信扫码查看本文
本文地址:https://www.yangguangdream.com/?id=2027
版权声明:本文为原创文章,版权归 编辑君 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?