【ES6】Symbol

1.概述

你使用了一个他人提供的对象,但又想为这个对象添加新的方法(mixin 模式),新方法的名字就有可能与现有方法产生冲突。
        
let s = Symbol();
typeof s
let s1 =Symbol('foo')
s1 //Symbol(foo)
s1.toString() // 'Symbol(foo)'
如果 Symbol 的参数是一个对象,就会调用该对象的toString方法,将其转为字符串,然后才生成一个 Symbol 值。
const obj = {
      toString() {
          return "abc";
       }
};
const sym = Symbol(obj);
sym // Symbol(abc)

Symbol函数的参数只是表示对当前 Symbol 值的描述,因此相同参数的Symbol函数的返回值是不相等的

        //没有参数的情况
        let s1 = Symbol();
        let s2 = Symbol();
        s1 === s2 // false
        // 有参数的情况
        let s1 = Symbol('foo');
        let s2 = Symbol('foo');
        s1 === s2 // false
Symbol 值不能与其他类型的值进行运算,会报错。
        let sym = Symbol('My symbol');
        "your symbol is " + sym
        // TypeError: can't convert symbol to string
Symbol 值可以显式转为字符串,也可以转为布尔值,但是不能转为数值。
        let sym = Symbol('My symbol');
        String(sym) // 'Symbol(My symbol)'
        sym.toString() // 'Symbol(My symbol)'
        let sym = Symbol();
        Boolean(sym) // true
        !sym  // false
        Number(sym) // TypeError
        sym + 2 // TypeError

2.Symbol.prototype.description

        const sym=Symbol('foo')
        sym.description //'foo'

3.作为属性名的Symbol

        let mySymbol = Symbol();
        let a = {};
        a[mySymbol] = 'Hello!';
        
        let a = {
            [mySymbol]: 'Hello!'
        };
        let a = {};
        Object.defineProperty(a,mySymbol,{value:'hello'})
        // 以上写法都得到同样结果
        a[mySymbol] // "Hello!"
        注意,Symbol 值作为对象属性名时,不能用点运算符。
        const mySymbol = Symbol();
        const a = {};
        a.mySymbol = 'Hello!';
        a[mySymbol] // undefined
        a['mySymbol'] // "Hello!"
        在对象的内部,使用 Symbol 值定义属性时,Symbol 值必须放在方括号之中。
        let s = Symbol();
        let obj = {
            [s](arg) { ... }
        };
        obj[s](123);

4.实例:消除魔术字符串

        const shapeType = {
            triangle: 'Triangle'
        };
        function getArea(shape, options) {
        let area = 0;
        switch (shape) {
            case shapeType.triangle:
            area = .5 * options.width * options.height;
            break;
        }
            return area;
        }
        getArea(shapeType.triangle, { width: 100, height: 100 });
        const shapeType = {
            triangle: Symbol()
        };

5.属性名的遍历

        Symbol作为属性名改属性不会出现在for...in、for...of中
        也不会Object.keys、Object.getOwnPropertyNames()、JSON.stringify()返回
        可以通过Object.getOwnPropertySymbols(),获取所有Symbol属性名
        Reflect.ownKeys方法可以返回所有类型的键名,包括常规键名和 Symbol 键名。
        let obj = {
            [Symbol('my_key')]: 1,
            enum: 2,
            nonEnum: 3
        };
        Reflect.ownKeys(obj)
        //  ["enum", "nonEnum", Symbol(my_key)]

6.Symbol.for()

        重新使用同一个 Symbol 值,Symbol.for方法可以做到这一点。
        它接受一个字符串作为参数,然后搜索有没有以该参数作为名称的 Symbol 值。
        如果有,就返回这个 Symbol 值,否则就新建并返回一个以该字符串为名称的 Symbol 值。
        let s1 = Symbol.for('foo');
        let s2 = Symbol.for('foo');
        s1 === s2 
        Symbol.keyFor方法返回一个已登记的 Symbol 类型值的key。
        let s1 = Symbol.for("foo");
        Symbol.keyFor(s1) // "foo"
        let s2 = Symbol("foo");
        Symbol.keyFor(s2) // undefined
        Symbol.for为 Symbol 值登记的名字

猜你喜欢

转载自www.cnblogs.com/Mijiujs/p/12113453.html
今日推荐