Symbols

作者: 竹林_ | 来源:发表于2019-10-16 11:52 被阅读0次

    介绍

    从ES6起,symbol成为了一种新的原生类型,跟string或者number一样
    创建:symbol类型的值是通过Symbol构造函数创建

    let sym1 = Symbol();
    // Symbols是不可改变且唯一的
    let sym2 = Symbol('key');
    let sym3 = Symbol('key');
    console.log(sym3 === sym2) // false
    

    注意事项:

    • Symbols是不可改变且唯一的
    • 像字符串一样,symbols也可以被用做对象属性的键
    • symbols也可以与计算出的属性名声明相结合来声明对象的属性和类成员
    // symbols用做对象属性的键
    let sym = Symbol();
    let obj = {
      [sym]: "value"
    }
    console.log(obj[sym]); // value
    
    // 与计算出的属性名声明相结合来声明对象的属性和类成员
    const getClassNameSymbol = Symbol();
    class C {
      [getClassNameSymbol](){
        return 'C';
      }
    }
    let c = new C();
    let className = c[getClassNameSymbol](); // C
    

    除了用户定义的symbols,还有一些内置symbols,用来表示语言内部行为:

    • Symbol.hasInstance:方法,会被instanceof运算符调用。构造器对象用来识别一个对象是否是其实例
    • Symbol.isConcatSpreadable:布尔值,表示当在一个对象上调用Array.prototype.concat时,这个对象的数组元素是否可展开
    • Symbol.iterator:方法,被for-of语句调用。返回对象的默认迭代器
    • Symbol.match:方法,被String.prototype.match调用。正则表达式用来匹配字符串
    • Symbol.replace:方法,被String.prototype.replace调用。正则表达式用来替换字符串中匹配的子串
    • Symbol.search:方法,被String.prototype.search调用。正则表达式返回被匹配部分在字符串中的索引
    • Symbol.species:函数值,为一个构造函数。用来创建派生对象
    • Symbol.split:方法,被String.prototype.split调用。正则表达式来用分割字符串
    • Symbol.toPrimitive:方法,被ToPrimitive抽象操作调用。把对象转换为相应的原始值
    • Symbol.toStringTag:方法,被内置方法Object.prototype.toString调用。返回创建对象时默认的字符串描述
    • Symbol.unscopables:对象,它自己拥有的属性会被with作用域排除在外

    迭代器和生成器

    可迭代性:当一个对象实现了Symbol.iterator属性时,我们认为它是可迭代的
    一些内置的类型如 Array,Map,Set,String,Int32Array,Uint32Array等都已经实现了各自的Symbol.iterator
    对象上的 Symbol.iterator函数负责返回供迭代的值

    for...of 语句:会遍历可迭代的对象,调用对象上的Symbol.iterator方法
    for..of vs. for..in 语句:

    • for..in:迭代的是对象的 键 的列表,可以操作任何对象可以查看对象属性
    • for..of:迭代对象的键对应的值,迭代对象的值
    // for...of
    let someArray = [1, 'string', false];
    for(let entry of someArray){
      console.log(entry)
    }
    
    let list = [4,5,6];
    // 输出索引
    for(let i in list){
      console.log(i);
    }
    // 输出值
    for(let i of list){
      console.log(i)
    }
    let pets = new Set(['Cat','Dog','Hamster']);
    pets['species'] = 'mammals';
    
    for(let pet in pets){
      console.log(pet);
    }
    for(let pet of pets){
      console.log(pet);
    }
    

    相关文章

      网友评论

          本文标题:Symbols

          本文链接:https://www.haomeiwen.com/subject/mxldyctx.html