ES6展开运算符数组合并,函数传参

定义:

.展开运算符允许一个表达式在某处展开。

使用场景

  1.展开函数在多个参数的地方使用 。意指用于函数传参

  2.多个元素的地方使用,意指用于数组字面量

  3.多个边框的地方使用,意指用于解构赋值

函数调用中使用展开运算符

之前实现方式

function test(a, b, c) {
    return a + b +c;
 }
var args = [0, 1, 2];
test.apply(null, args);//3

如上,我们把args数组当作实参传递给了a,b,c,这边正是利用了Function.prototype.apply的特性。

ES6实现方式

 

function test(a, b, c) {
    return a + b + c;
 }
var args = [0, 1, 2];
test(...args);//3

 

使用...展开运算符就可以把args直接传递给test()函数。

数组字面量中使用展开运算符

例如:两个数组合并为一个数组

var arr1=['a','b','c'];
var arr2=[...arr1,'d','e']; //['a','b','c','d','e']

用在push函数中,可以不用apply()函数合并2个数组

var arr1=['a','b','c'];
var arr2=['d','e'];
arr1.push(...arr2); //['a','b','c','d','e']

 

 

https://www.cnblogs.com/websmile/p/8328138.html ES6展开运算符

posted @ 2019-07-09 07:43  BloggerSb  阅读(951)  评论(0编辑  收藏  举报