美文网首页
Symbol简介

Symbol简介

作者: Xu涵 | 来源:发表于2019-02-01 23:07 被阅读0次

    ES5 的对象属性名都是字符串,这容易造成属性名的冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的冲突。这就是 ES6 引入Symbol的原因。

    一、概述

    创建

    Symbol 值通过Symbol函数生成。这就是说,对象的属性名现在可以有两种类型,一种是原来就有的字符串,另一种就是新增的 Symbol 类型。凡是属性名属于 Symbol 类型,就都是独一无二的,可以保证不会与其他属性名产生冲突。可以按以下方法创建:

    let s = Symbol();
    
    • 注意:Symbol函数前不能使用new命令,否则会报错。这是因为生成的 Symbol 是一个原始类型的值,不是对象。

    symbol函数接收的参数

    1. 字符串
    let s1 = Symbol('foo');
    let s2 = Symbol('bar');
    
    s1 // Symbol(foo)
    s2 // Symbol(bar)
    
    s1.toString() // "Symbol(foo)"
    s2.toString() // "Symbol(bar)"
    
    1. 对象
      如果 Symbol 的参数是一个对象,就会调用该对象的toString方法,将其转为字符串,然后才生成一个 Symbol 值。
    const obj = {
      toString() {
        return 'abc';
      }
    };
    const sym = Symbol(obj);
    sym // Symbol(abc)
    
    • 注意:Symbol函数的参数只是表示对当前 Symbol 值的描述,因此相同参数的Symbol函数的返回值是不相等的。

    symbol值运算

    1. 与其他类型的值的运算
      Symbol 值不能与其他类型的值进行运算,会报错。
    2. 类型转换
      symbol值能转换成字符串、布尔值但不能转换成数值

    二、作为属性名的symbol

    由于每一个 Symbol 值都是不相等的,这意味着 Symbol 值可以作为标识符,用于对象的属性名,就能保证不会出现同名的属性。这对于一个对象由多个模块构成的情况非常有用,能防止某一个键被不小心改写或覆盖。

    • 注意:
      1. Symbol 值作为对象属性名时,不能用点运算符。
      2. Symbol 值作为属性名时,该属性还是公开属性,不是私有属性。

    三、属性名的遍历

    Object.getOwnPropertySymbols

    Symbol 作为属性名,该属性不会出现在for...in、for...of循环中。但是,它也不是私有属性,有一个Object.getOwnPropertySymbols方法,可以获取指定对象的所有 Symbol 属性名。
    Object.getOwnPropertySymbols方法返回一个数组,成员是当前对象的所有用作属性名的 Symbol 值。

    Reflect.ownKeys

    Reflect.ownKeys方法可以返回所有类型的键名,包括常规键名和 Symbol 键名。

    四、共享体系

    Symbol.for

    有时,我们希望重新使用同一个 Symbol 值,Symbol.for方法可以做到这一点。它接受一个字符串作为参数,然后搜索有没有以该参数作为名称的 Symbol 值。如果有,就返回这个 Symbol 值,否则就新建并返回一个以该字符串为名称的 Symbol 值。
    Symbol.for()不会每次调用就返回一个新的 Symbol 类型的值,而是会先检查给定的key是否已经存在,如果不存在才会新建一个值。新建的值会被登记在全局环境中供搜索

    let s1 = Symbol.for('foo');
    let s2 = Symbol.for('foo');
    
    s1 === s2 // true
    

    Symbol.keyFor

    Symbol.keyFor方法返回一个已登记的 Symbol 类型值的key。

    let s1 = Symbol.for("foo");
    Symbol.keyFor(s1) // "foo"
    
    let s2 = Symbol("foo");
    Symbol.keyFor(s2) // undefined
    
    • 注意:Symbol.for为 Symbol 值登记的名字,是全局环境的,可以在**不同的 iframe 或 service worker **中取到同一个值。

    五、内置symbol值

    1.Symbol.hasInstance

    对象的Symbol.hasInstance属性,指向一个内部方法。当其他对象使用instanceof运算符,判断是否为该对象的实例时,会调用这个方法。

    2.Symbol.isConcatSpreadable

    对象的Symbol.isConcatSpreadable属性等于一个布尔值,表示该对象用于Array.prototype.concat()时,是否可以展开。
    数组的默认行为是可以展开,Symbol.isConcatSpreadable默认等于undefined。类似数组的对象正好相反,默认不展开。它的Symbol.isConcatSpreadable属性设为true,才可以展开。

    • Symbol.isConcatSpreadable属性也可以定义在类里面。定义在实例上或定义在类本身效果相同

    3.Symbol.species

    这个属性指向一个构造函数
    Symbol.species的作用在于,实例对象在运行过程中,需要再次调用自身的构造函数时,会调用该属性指定的构造函数。它主要的用途是,有些类库是在基类的基础上修改的,那么子类使用继承的方法时,作者可能希望返回基类的实例,而不是子类的实例。

    4.Symbol.match

    对象的Symbol.match属性,指向一个函数。当执行str.match(myObject)时,如果该属性存在,会调用它,返回该方法的返回值。

    5.Symbol.replace

    对象的Symbol.replace属性,指向一个方法,当该对象被String.prototype.replace方法调用时,会返回该方法的返回值。

    6.Symbol.search

    一个在调用String.prototype.search()方法时调用的方法,用于在字符串中定位子串

    7.Symbol.split

    一个在调用String.prototype.split()方法时调用的方法,用于分割字符串

    8.Symbol.iterator

    一个返回迭代器的方法

    9.Symbol.toPrimitive

    一个返回对象原始值的方法
    Symbol.toPrimitive被调用时,会接受一个字符串参数,表示当前运算的模式,一共有三种模式。

    • Number:该场合需要转成数值
    • String:该场合需要转成字符串
    • Default:该场合可以转成数值,也可以转成字符串

    10.Symbol.toStringTag

    对象的Symbol.toStringTag属性,指向一个方法。在该对象上面调用Object.prototype.toString方法时,如果这个属性存在,它的返回值会出现在toString方法返回的字符串之中,表示对象的类型。也就是说,这个属性可以用来定制[object Object][object Array]中object后面的那个字符串。

    11.Symbol.unscopables

    对象的Symbol.unscopables属性,指向一个对象。该对象指定了使用with关键字时,哪些属性会被with环境排除。

    六、参考资料

    1. ECMAScript 6 入门--阮一峰
    2. ES6中的Symbol类型

    相关文章

      网友评论

          本文标题:Symbol简介

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