2017-12-03ES6的几个使用的小技巧_1
需积分: 0 108 浏览量
2022-08-03
19:34:56
上传
评论
收藏 50KB PDF 举报
2017-12-03ES6的几个使用的小技巧
ES6 的几个实用的小技巧
1 . 交换元素交换元素
利用数组解构来实现交换元素
let a = ' w orld ' , b = 'H e llo';
[a, b] = [ b ,a];
con so le.l o g(a) // H e llo
con so le.l o g(b) //wo r ld
2 . 单条语句单条语句
ES6 操作数组的语句更加紧凑
//寻找数组中最大的元素
con st max = (a r r) = > Mat h .max( ...ar r);
max ([ 1,2, 4 ,7,8 5 ,210 ] ) // 210
//计算数组的总和
con st sum = (a r r) = > arr . reduc e((a, b) => ( a + b ) ,0 ) ;
sum ([ 1,2, 3 ,4,5 , 6,7, 8 ,9,1 0 ]) //5 5
3 . 数组拼接数组拼接
展开运算符代替c on cat
let a rr1 = [1, 2 ,3];
let a rr2 = [4, 5 ,6];
let a rr3 = [7, 8 ,9];
con so le.l o g([. . .arr 1 ,... a rr2,. ..arr 3]) // [ 1,2, 3 ,4,5 , 6,7, 8 ,9];
4 . 制作副本制作副本
我们很容易实现数组和对象的浅拷贝
let o bj = {... o ldOb j };
let a rr = [... o ldAr r ];
5 . 类与继承（源码详见源码文件夹里面的类与继承）类与继承（源码详见源码文件夹里面的类与继承）
Jav aS crip t 中的类继承是基于原型链和构造函数的，ES 6 没有退出 cl ass 类的时候，我们是这样写的：
f unct i on P e rson ( name ) {
t h is.n a me = name ;
}
评论0