美文网首页
ES6 Symbol

ES6 Symbol

作者: Kevin丶CK | 来源:发表于2019-03-25 17:52 被阅读0次

    1.概述

    ES5 的对象属性名都是字符串,这容易造成属性名的冲突。尤其是在使用他人提供的对象时,为对象添加属性,可能和现有的有冲突。
    ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。

    2.使用

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

        let s = Symbol();
        console.log(typeof s);// "symbol"
    

    上面代码中,变量s就是一个独一无二的值。typeof运算符的结果,表明变量s是 Symbol 数据类型,而不是字符串之类的其他类型。
    注意,Symbol函数前不能使用new命令,否则会报错。这是因为生成的 Symbol 是一个原始类型的值,不是对象。也就是说,由于 Symbol 值不是对象,所以不能添加属性。基本上,它是一种类似于字符串的数据类型。
    Symbol函数可以接受一个字符串作为参数,表示对 Symbol 实例的描述,主要是为了在控制台显示,或者转为字符串时,比较容易区分。

        let s1 = Symbol('foo');
        let s2 = Symbol('bar');
        console.log(s1);//Symbol(foo)
        console.log(s2);//Symbol(bar)
        // 参数相同
        let s11 = Symbol('foo');
        let s22 = Symbol('foo');
        console.log(s11 === s22); // false
    

    上面代码中,s1和s2是两个 Symbol 值。如果不加参数,它们在控制台的输出都是Symbol(),不利于区分。有了参数以后,就等于为它们加上了描述,输出的时候就能够分清,到底是哪一个值。
    而且参数相同,但是它们是不相等的。
    Symbol 值不能与其他类型的值进行运算,会报错。
    注意,Symbol 值作为对象属性名时,不能用点运算符。

       const mySymbol = Symbol();
       const a = {};
       a.mySymbol = 'Hello!';
       console.log(a[mySymbol]); // undefined
       console.log(a['mySymbol']); // "Hello!"
    

    上面代码中,因为点运算符后面总是字符串,所以不会读取mySymbol作为标识名所指代的那个值,导致a的属性名实际上是一个字符串,而不是一个 Symbol 值。

    3.Symbol.for()

    接受一个字符串作为参数,然后搜索有没有以该参数作为名称的 Symbol 值。如果有,就返回这个 Symbol 值,否则就新建并返回一个以该字符串为名称的 Symbol 值。

        let s11 = Symbol.for('foo');
        let s21 = Symbol.for('foo');
        console.log(s11 === s21)//true
    
    3.1 Symbol.for()与Symbol()区别

    前者会被登记在全局环境中供搜索,后者不会。Symbol.for()不会每次调用就返回一个新的 Symbol 类型的值,而是会先检查给定的key是否已经存在,如果不存在才会新建一个值。

    4.内置的 Symbol 值

    未完待续,以后在研究~~~

    相关文章

      网友评论

          本文标题:ES6 Symbol

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