ES6 spread操作符、rest操作符(…)浅解

2018-07-24 10:46:00 2170 3 编辑:深正互联 来源:互联网

网站建设

spread[扩展]
1、将数组展开成函数的多个参数
传统apply方法

function fn(x, y, z) {}
var args = [1, 2, 3];
fn.apply(null,arg)
ES6-spread

function fn(x, y, z){}
var args = [1, 2, 3];
fn(...args);

2. 合并数组
传统的合并两个数组要通过数组方法concat、splice、push等方法
ES6-spread合并数组

var parts = ['shoulder', 'knees'];
var lyrics = ['head', ...parts, 'and', 'toes'];

3. 类数组对象转数组
arrayLike to array

var nodeList = document.querySelectorAll('div');
var array = [...nodeList];

4. 数组深拷贝

var arr = [1,2]
var arr2 = arr // arr === arr2
var arr3 = [...arr] // arr !== arr3

5. 字符串转数组
rest[剩余]
function animals(…types){
console.log(types)
}
animals(‘cat’, ‘dog’, ‘fish’) //[“cat”, “dog”, “fish”]总结:
当…作为函数实参或=号右侧时用作spread运算符
当…作为函数形参或=号左侧时用作rest操作符

本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联

15

技术从业经验

多一份方案,会有收获...

联系深正互联,免费获得专属《策划方案》及报价

在线咨询 微信交谈
拒绝骚扰,我们只想为给您带来一些惊喜...
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询