码迷,mamicode.com
首页 > 其他好文 > 详细

扩展运算符

时间:2018-02-16 23:17:11      阅读:695      评论:0      收藏:0      [点我收藏+]

标签:world   运算   ext   ...   self   define   扩展运算   symbol   body   

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
}

扩展运算符

标签:world   运算   ext   ...   self   define   扩展运算   symbol   body   

原文地址:https://www.cnblogs.com/sminocence/p/8451268.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!