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

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 }

微信扫码查看本文