ES6学习笔记:扩展运算符使用场景

ES6新增了一个运算符:扩展运算符,用三个点(...) 表示,它的使用场景有以下3种:

1、扩展运算符做函数形参

扩展运算符做函数形参时,也称rest参数,与其搭配的变量是一个数组,所有匹配的实参都会被放入这个数组中:

var fun = function(...args){
    alert(args.join("-"));
}
fun(1,2,3); //1-2-3

说明:扩展运算符做函数形参时只能是最后一个参数,否则会报错,同时,函数的length属性,不包括rest参数。

2、扩展运算符做函数实参

扩展运算符做函数实参时,用于将一个数组转为用逗号分隔的参数序列:

var fun = function(x,y,z){
    alert(x + "-" + y + "-" + z);
}
fun(...[1,2,3]);

说明:扩展运算符只有做函数实参时才可以放在圆括号中,否则会出错。

3、使用扩展运算符创建数组

var arr1 = [1,...[2,3,4],5];
var arr2 = [...document.querySelectorAll('div')];


评论: 0 | 引用: 0 | 查看次数: 2169
发表评论
登录后再发表评论!