10.Symbol类型

1.Symbol的概述与注意点

概述

• 引入的原因：在实际开发中，由于对象属性名都是字符串，很容易造成变量冲突，为了解决这一问题，ES6引入symbol类型；
• Symbol类型：表示独一无二的值；
• 自此，JavaScript已经有七种数据类型：Undefined、null、String、Boolean、Object、Number、Symbol；
• Symbol值通过symbol函数生成；也就是说自此属性名可以是字符串也可以是symbol值；

注意点

• Symbol值作为属性名时，该属性仍是公开属性，不是私有属性；
• Symbol函数前不能使用new关键字；因为生成的Symbol是一个原始类型的值，不是对象，也就是说，由于Symbol值不是对象，所以不能添加属性，他是一个类似于字符串的数据类型；

// Symbol函数前不使用new
let s1 = Symbol('a');
typeof s1; // symbol

• 接受一个字符串作为参数，表示对symbol实例的描述，主要是为了方便转为字符串或在控制台输出时便于区分，如果不加参数，其结果都是Symbol()，很难区分谁是谁；

let s1 = Symbol('a');
let s2 = Symbol('b');

// 便于打印
s1,s2; // Symbol(a) Symbol(b)

// 便于转为字符串后查看
s1.toString(); // Symbol(a)
s2.toString(); // Symbol(b)

• 参数可以是一个对象，参数为对象时，会先调用该对象的toString()方法将其转换为字符串，然后生成一个Symbol值；

const obj = {
    toString(){
        return '哈哈哈'
    }
}

let s = Symbol(obj);
s; // Symbol(哈哈哈)

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

// 参数相同但是值不同
let s3 = Symbol();
let s4 = Symbol();
s3 === s4; // false

let s1 = Symbol('a');
let s2 = Symbol('b');
s1 === s2; // false

• Symbol值不能与其他类型的值进行运算，否则会报错；

let s = Symbol('my Symbol');
1 + s; // Cannot convert a Symbol value to a number
'your Symbol' + s; // Cannot convert a Symbol value to a string

Symbol转换为其他类型

• 可以显式转换为String类型；
• 可以显式转换为Boolean类型；

let s = Symbol('peanut');
// 转换为字符串
let str = String(s); // 'Symbol(peanut)'  使用toString方法也行
            
// 转为布尔值
let bol = Boolean(s); // true

不可以转为数值！！！！

2.作为属性名的Symbol

Symbol值作为属性名的优势

• 由于Symbol值都是不相等的，这意味着Symbol值可以作为属性名，保证不会出现同名属性；这对于由多个模块组成的对象来说，能有效避免属性被改写或覆盖的情况出现；

注意事项：

• Symbol值作为属性名时不能使用点运算符；

// Symbol作为属性名时不能使用点运算符
let s = Symbol('a');
const obj = {};
obj.s = 'hello'; // 写法不对，这样写会导致s被解析为字符串，无法取到对应的Symbol值

obj[s]; // undefined
obj['s']; // 打印字符串属性s的值  hello

不能使用点运算符的原因：由于点运算符后面总是字符串，因此不会读取s作为标识名所指代的Symbol值，导致obj的属性名实际上是一个字符串，而不是Symbol值；

• 在对象内部，Symbol值定义属性名时，必须放在方括号中；

let s = Symbol();

// 必须放在方括号中
const obj = {
    [s](...args){
        //someCode
    }
}

如果不放在方括号中，其对应的属性名其实就是字符串，并不是Symbol值；

使用Symbol值定义对象属性的三种写法

// 使用Symbol值定义对象属性名的三种方法
let s = Symbol();

// 1
const obj = {};
obj[s] = 'hello';

// 2
const o = {
    [s] : 'hello'
}

// 3
const ob = {};
Object.defineProperty(ob,s,{value:'hello'}); // 这里属于对象外部定义，不需要方括号

其他用途：定义一组常量

• Symbol类型还可以用于定义一组常量，保证该组常量的每个值都是不相等的；
• 常量使用Symbol值的最大好处：其他任何值都不可能有与该值相同的值了；

// Symbol类型可以用于定义一组常量
const color_red = Symbol();
const color_pink = Symbol();

function getComplement(color){
    switch(color){
        case color_red:
            return color_red;
            break;
        case color_pink:
            return color_pink;
            break;
        default:
            throw new Error('未定义颜色类型！')
    }
}

3.Symbol值与魔术字符串

• 魔术字符串：在代码中多次出现，与代码形成强耦合的某一个具体的字符串或数值。风格良好的代码，应该尽量消除魔术字符串，而由含义清晰的变量代替；