es6新增基本类型--symbol类型

Symbol是ES6中新增的一种数据类型, 被划分到了基本数据类型中

基本数据类型:  字符串、数值、布尔、undefined、null、Symbol

引用数据类型:  Object

用来表示一个独一无二的值

    let xxx = Symbol();
    let yyy = Symbol();
    console.log(xxx === yyy);

 

---

为什么需要Symbol?

在企业开发中如果需要对一些第三方的插件、框架进行自定义的时候

可能会因为添加了同名的属性或者方法, 将框架中原有的属性或者方法覆盖掉

为了避免这种情况的发生, 框架的作者或者我们就可以使用Symbol作为属性或者方法的名称

如何区分Symbol?

在通过Symbol生成独一无二的值时可以设置一个标记

这个标记仅仅用于区分, 没有其它任何含义

    let name = Symbol("name");
    let say = Symbol("say");
    let obj = {
        // 注意点: 如果想使用变量作为对象属性的名称, 那么必须加上[]
        [name]: "zs",
        [say]: function () {
            console.log("say");
        }
    }
   
    obj[Symbol("name")] = "lwj";
    console.log(obj);

 

---

注意点

• 通过Symbol生成独一无二值时需要在后面加上(), 但是前面不能加new, 因为它不是引用类型
• 通过Symbol生成独一无二值时传入的字符串仅仅是一个标记, 方便我们阅读代码, 没有其它任何意义（let xxx = Symbol("name");）
• 做类型转换的时候不能转换成数值

    let xxx = Symbol("name");
    console.log(String(xxx));
    console.log(Boolean(xxx));
    console.log(Number(xxx));

•  不能做任何运算

    let xxx = Symbol("name");
    console.log(xxx + "abc");
    console.log(xxx + 123);

• Symbol生成的值作为属性或方法名称时, 一定更要保存下来, 否则后续无法使用 

    let name = Symbol("name");
    let obj = {
        [name]: "lwj"
        // [Symbol("name")]: "666"
    }
    console.log(obj[name]); // lwj
    // console.log(obj[Symbol("name")]); // undefined

• for循环无法遍历出Symbol的属性和方法

    let name = Symbol("name");
    let say = Symbol("say");
    let obj = {
        // 注意点: 如果想使用变量作为对象属性的名称, 那么必须加上[]
        [name]: "lwj",
        [say]: function () {
            console.log("say");
        },
        age: 34,
        gender: "man",
        hi: function () {
            console.log("hi");
        }
    }
    for(let key in obj){
        console.log(key);
    }
    console.log(Object.getOwnPropertySymbols(obj));