symbol

什么是symbol

• ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。它是 JavaScript 语言的第七种数据类型，前六种是：undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。
• Symbol函数前不能使用new命令，否则会报错。这是因为生成的 Symbol 是一个原始类型的值，不是对象。也就是说，由于 Symbol 值不是对象，所以不能添加属性。基本上，它是一种类似于字符串的数据类型。
• Symbol函数可以接受一个字符串作为参数，表示对 Symbol 实例的描述，主要是为了在控制台显示，或者转为字符串时，比较容易区分。

 // Symbol()  是独一无二的，也就是唯一的 里面填写的是唯一值的描述
 let s3 = Symbol('b')
 let s4 = Symbol('b')
 console.log(s3 === s4) // false
 // description 来获取Symbol() 定义的描述
 console.log(s3.description) // b

• 如果 Symbol 的参数是一个对象，就会调用该对象的toString方法，将其转为字符串，然后才生成一个 Symbol 值。
• Symbol 值不能与其他类型的值进行运算，会报错。
• Symbol 值可以显式转为字符串。
• Symbol 值也可以转为布尔值，但是不能转为数值。
• Symbol.prototype.description创建Symbol的时候，可以添加一个描述
• 由于每个Symbol值都是不相等的，这意味着Symbol值可以作为标识符，用于对象的属性名，就能保证不会出现同名的属性。这对于一个对象有多个模块构成的情况非常有用，能防止其一个键被不小心改写或覆盖。

 let s5 = Symbol({name:'xiaoji'})
 console.log(s5) // Symbol([object Object])
 let s1 = Symbol('1')
 console.log(s1.toString()) // 'Symbol(1)'
 /**
  * 以名称作为key的对象，
  * 如果一个班级出现俩个名称相同的同学，最后一个会覆盖，以上同名的key，且只会保留最后一个
  * */
  let s6 = {
   小明: {age:20,sex:'男',remarks:'大'},
   小红: {age:18,sex:'女'},
   小明: {age:19,sex:'男',remarks:'小'}
 }
  console.log(s6)
 /**
  * 咱么使用咱们使用smybol
  * 你会发现，没有被覆盖掉，上面说过因为它是唯一的，独一无二的，它俩并不相等
 */
  let s7 = {
    [Symbol('小明')]: {age:20,sex:'男',remarks:'大'},
    小红: {age:18,sex:'女'},
    [Symbol('小明')]: {age:19,sex:'男',remarks:'小'}
  }
  console.log(s7)

• Symbol值作为对象属性名时，不能用点运算符。因为点运算符后面总是字符串，所以不会读取Symbol
• 在对象的内部，使用Symbol值定义属性时，Symbol值必须放在方括号之中。
• Symbol 值作为属性名时，该属性还是公开属性，不是私有属性。
• Object.getOwnPropertySymbols方法，可以获取指定对象的所有 Symbol 属性名。
• Object.getOwnPropertySymbols方法返回一个数组，成员是当前对象的所有用作属性名的 Symbol 值。
• Object.getOwnPropertySymbols方法与for…in循环、Object.getOwnPropertyNames方法进行对比的例子。使用Object.getOwnPropertyNames方法得不到Symbol属性名，需要使用Object.getOwnPropertySymbols方法。

  let s7 = {
    [Symbol('小明')]: {age:20,sex:'男',remarks:'大'},
    小红: {age:18,sex:'女'},
    [Symbol('小明')]: {age:19,sex:'男',remarks:'小'}
  }

  // for in 是拿不到smybol key的
  for (const key in s7) { 
    console.log(key) // 小红  
  }
  // 同样 Object.getOwnPropertyNames || Object.keys 都拿不到smybol
  console.log(Object.getOwnPropertyNames(s7))
  
  // 我们需要通过Object.getOwnPropertySymbols
  console.log(Object.getOwnPropertySymbols(s7)) // [Symbol(小明), Symbol(小明)]

ymbol.for()

• ymbol.for() 相当于全局定义
• 定义的时候，它会查找全局有没有相同的值，有的话就直接使用前者地址，没有的话就会新创建一个储存地址
• Symbol.keyFor 只能取 Symbol.for 定义的值

 let s1= Symbol.for('a')
 let s2 = Symbol.for('b')
 console.log(s1 === s2) // false
 // Symbol.keyFor  只能取 Symbol.for 定义的值
 console.log(Symbol.keyFor(s1))

其实smybol 还有很多用处如下面例子

 function chifan(today){
   switch(today){
    case '星期一':
      console.log('吃炸鸡')
      break
    case '星期二':
      console.log('喝啤酒')
      break
    case '星期三':
      console.log('吃盖饭')
      break
   }
 }
 chifan('星期一')
 /**
  * 什么是魔术字符串 ？
  * 以上的字符串为： 星期一，二，三  就是魔术字符串
  * 代码耦合比较高
  * */

  /**
   * 如何消除魔术字符串？
   * */
  //1、定义为对象
  let day = {
    Monday: '星期一',
    Tuesday: '星期二',
    Wednesday: '星期三',
  }
  function chifan(today){
   switch(today){
    case day.Monday:
      console.log('吃炸鸡')
      break
    case day.Tuesday:
      console.log('喝啤酒')
      break
    case day.Wednesday:
      console.log('吃盖饭')
      break
   }
 }
 chifan(day.Monday)
  /**
  * 看起来好多了，也比较好维护，一目了然，但是还没有真正的消除掉
  * 我们在用symbol 来消除
  * 你要明白其实  星期一，二，三 字符串是无意义的，它可以为任何值。
 */
 let day = {
  Monday: Symbol(),
  Tuesday: Symbol(),
  Wednesday: Symbol(),
 }
 function chifan(today){
   switch(today){
    case day.Monday:
      console.log('吃炸鸡')
      break
    case day.Tuesday:
      console.log('喝啤酒')
      break
    case day.Wednesday:
      console.log('吃盖饭')
      break
   }
 }
 chifan(day.Monday)