3.1ES6/7/8新特性之Symbol

Symbol

1.Symbol的概念

1.Symbol是ES6中新增的一种数据类型, 被划分到了基本数据类型中.
基本数据类型: 字符串、数值、布尔、undefined、null、Symbol
引用数据类型: Object

2.Symbol的作用

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

3.如果生成一个独一无二的值?

let xxx = Symbol();

4.为什么需要Symbol?

在企业开发中如果需要对一些第三方的插件、框架进行自定义的时候可能会因为添加了同名的属性或者方法, 将框架中原有的属性或者方法覆盖掉，为了避免这种情况的发生, 框架的作者或者我们就可以使用Symbol作为属性或者方法的名称

5.如何区分Symbol?

在通过Symbol生成独一无二的值时可以设置一个标记，这个标记仅仅用于区分, 没有其它任何含义。
eg:    let name = Symbol(“name”);
"name"此时为变量name的标记。

代码

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

6.注意点

1. 通过Symbol生成独一无二值时需要在后面加上(), 但是前面不能加new, 因为它不是引用类型。
2. 通过Symbol生成独一无二值时传入的字符串仅仅是一个标记, 方便我们阅读代码, 没有其它任何意义。
3. 做类型转换的时候不能转换成数值，不能做任何运算
4. Symbol生成的值作为属性或方法名称时, 一定更要保存下来, 否则后续无法使用。
5. for循环无法遍历出Symbol的属性和方法
   遍历取出的方法：

 let name = Symbol("name");
 let say = Symbol("say");
 let obj = {
        [name]: "a",
        [say]: function () {
            console.log("say");
        },
        age: 18,
        gender: "woman",
        hi: function () {
            console.log("hi");
        }
    }
    //将obj中的所有symbol类型的属性与方法都放到数组中返回，可通过遍历数组取出
    console.log(Object.getOwnPropertySymbols(obj));
   
   打印结果：Array(2)
            0: Symbol(name)
            1: Symbol(say)
            length: 2
            __proto__: Array(0)