zoukankan      html  css  js  c++  java
  • 扩展运算符

    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
    }
    
  • 相关阅读:
    记Git报错-Everything up-to-date
    开发相关的绝赞网站和框架
    记Git报错-refusing to merge unrelated histories
    Nodejs和npm入门使用
    【转】什么是JavaScript
    CSS学习摘要-定位实例
    golang 文件服务器
    golang postgresql CRUD
    golang sqlite3 CRUD
    psql: 致命错误: 对用户"user1"的对等认证失败
  • 原文地址:https://www.cnblogs.com/sminocence/p/8451268.html
Copyright © 2011-2022 走看看