第七种简单数据类型——symbol

一. Symbol 概述

ES5 的对象属性名都是**字符串**，这容易造成属性名的冲突。比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法，新方法的名字就有可能与现有方法产生冲突。

为保证每个属性的名字都是独一无二的，从根本上防止属性名的冲突。ES6 引入了一种新的原始数据类型`Symbol`。

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

// 独一无二的
let s = Symbol(); 
typeof s;    //"Symbol"
let s2 = Symbol();
console.log(s == s2) ; // false  

由上面的代码可以看出，Symbol的值是独一无二的，尽管s 和 s2 均为Symbol函数生成，但它们并不相等。

let s3 = new Symbol();  // Symbol is not a constructor

注意：Symbol是一种简单数据类型，和BigInt一样是es6中解决相应问题的独有的数据类型，Symbol不是一个类，不能进行数据类型转换，所以Symbol函数前不能使用new命令，否则会报错。这是因为生成的 Symbol 是一个原始类型的值，不是对象。也就是说，由于 Symbol 值不是对象，所以不能添加属性。基本上，它是一种类似于字符串的数据类型。

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

let s3 = Symbol('foo');
let s4 = Symbol('foo');
s3 == s4; //false  

二.Symbol 的应用

1.在对象里的应用

// 对象中的引用式赋值
let obj = {
    name:'zy',
    age:18
}  

let newobj = {
    ...obj,
    name:'yy'
} 
console.log(newobj); // { name: 'yy', age: 18 }

上面代码可以看出，代码中同名的name被覆盖了
那么我们如何向对象添加一个绝对不重复的属性呢？ Symbol可以解决这个问题

let obj = {
    name:'zy',
    age:18
}  
let s = Symbol('name');
let newobj = {
    ...obj,
    [s]:'yy'
} 
console.log(newobj); // { name: 'zy', age: 18, [Symbol(name)]: 'yy' }  没有被覆盖

作为属性名的Symbol，不能使用点运算符
因为点运算符后面总是字符串，所以不会读取s作为标识名所指代的那个值，导致a的属性名实际上是一个字符串，而不是一个 Symbol 值
同理，在对象的内部，使用 Symbol 值定义属性时，Symbol 值必须放在方括号之中

2.类中的私有属性访问

怎么给js代码引入私有属性？
私有属性是指外界无法访问，而内部能够使用，
私有属性的访问需要使用规定的方法和定义才能进行访问
可以通过 `Symbol` 独一无二的特点来构建类的私有属性

// 函数嵌套函数 
var PClass = (function() {
     
    // 私有
    const a = Symbol('a'); //唯一
    const m = Symbol('m'); //唯一
    function  P (){ 
        // this.a = 'a'; //添加的一个字符串key 公有属性 能访问
        this[a] = 'a 这是私有变量';  // 私有属性 [] 是指变量  
        this.b = '变量B 共有属性';
        this[m] = function() {
            console.log('-------')
        }
    }
    P.prototype = {
        getA() {
            console.log(this[a]);
            this[m]();
        }
    }
    return P ;
})();
const pc = new PClass();
console.log(pc.b); //.是指属性是 string类型 
console.log(pc.getA());  //a 这是私有变量   -------

3.属性名的遍历

Symbol 作为属性名，遍历对象的时候，该属性不会出现在for…in、for…of循环中，也不会被Object.keys()、Object.getOwnPropertyNames()、JSON.stringify()返回。

但是，它也不是私有属性，有一个Object.getOwnPropertySymbols()方法，可以获取指定对象的所有 Symbol 属性名。该方法返回一个数组，成员是当前对象的所有用作属性名的 Symbol 值。

let obj = {
    a:1,
    [Symbol()]:function(arg){   // 加上[]  是一个变量
        console.log('----')
        },
    [Symbol()]:function(arg){  
        console.log('----')
        }
        }
console.log(obj); 
//{
//  a: 1,
//  [Symbol()]: [Function (anonymous)],
//  [Symbol()]: [Function (anonymous)]
//}  
Object.keys(obj) // 只能拿到普通属性 [ 'a' ]  不能拿到Symbol的值
Object.getOwnPropertySymbols(obj)  //[ Symbol(), Symbol() ]