1写法
:...三个点,主要是用来将数组幻化为用逗号分隔的参数序列。
2.应用
合并数组
与解构赋值结合
如果将扩展运算符用于数组赋值,只能放在参数的最后一位,否则会报错。
将字符串转为真正的数组
可以将类似数组的对象转为真正的数组
Map和Set结构,Generator函数
3.原理
扩展运算符内部调用的是数据解构的Iterator接口,因此只要具有Iterrator接口的对象,都可以使用扩展运算符。
ES6中本身就具有Iterator接口的有:数组、类似数组的对象、Map和Set。如果对没有iterator接口的对象使用扩展运算符,将会报错。
(1)对一般的对象添加Iterator接口。
let obj = {
data:['hello','world'],
[Symbol.iterator](){
const self = this;
let index = 0;
return {
next(){
if(index < self.data.length){
return {
value:self.data[index++],
done:false
}
}else{
return {
value:undefined,
done:true
}
}
}
};
}
};
for(var val of obj.data){
console.log(val);
//hello
//world
}
(2)对类似数组的对象使用Iterator接口
let iterator = {
0:'a',
1:'b',
2:'c',
length:3,
[Symbol.iterator]:Array.prototype[Symbol.iterator]
};
for(let item of iterator){
console.log(item);
//a
//b
//c
}