数据类型_symbol_symbol概括

作用

ES5 的对象属性名都是字符串，这容易造成属性名的冲突。

比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法/属性，新方法/属性的名字就有可能与现有方法/属性产生冲突。如果有一种机制，保证每个方法/属性的名字都是独一无二的就好了，这样就从根本上防止属性名的冲突。这就是 ES6 引入Symbol的原因；

  const obj ={
    name:'chaochao'
  }
  obj.name ='niuniu'
  console.log('obj', obj) // {name:'niuniu'}

• 上述代码中，我们在添加属性时 由于属性名冲突 造成原有属性被覆盖；
• 现引入新的数据类型Symbol数据类型，是独一无二的，可以保证不会与其他属性名产生冲突；

语法1

let s = Symbol([description])

• description参数：可选，表示对 Symbol 实例的描述
• 返回值：是一个类似于字符串的简单数据类型
  • [1] 因此Symbol()函数前不能使用new命令(不是对象)，否则会报错；
  • [2]Symbol值不能添加属性；
  • [3]即使参数相同的Symbol函数创建出来的数据也不相同；

属性

• description

  • Es2019提供了一个 Symbol 值的实例属性description，直接返回 Symbol 值的描述;

  • const s = Symbol('111')
    console.log('结果', s.description) // 111
    

示例

const s1 = Symbol()
const s2 = Symbol()
const s3 = Symbol('111')
console.log('111', s1, s2, s3) // 111 Symbol() Symbol() Symbol(111)

• Symbol函数的参数—>是对 Symbol 实例的描述。这主要是为了在控制台显示，或者转为字符串时，比较容易区分；

const s1 = Symbol(111)
const s2 = Symbol(111)
console.log('结果', s1==s2 , s1===s2) // false false

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

转化数据

• const s = Symbol('111')
  console.log('s', +s) // Cannot convert a Symbol value to a number
  

  • Symbol数据类型不能转为数值(显示/隐士都不可以)

• const s = Symbol('111')
  console.log('s', String(s)) // Symbol(111)
  console.log('ss', "111"+String(s) ) // 111Symbol(111)
  console.log('ss', "111"+s) // Cannot convert a Symbol value to a string
  

  • Symbol数据类型可以显示转为字符串，不能隐士转化；

• const s = Symbol('111')
  console.log('s', Boolean(s), Array(s), Object(s)) // true [Symbol(111)] Symbol {Symbol(111), description: '111'}
  

• 其余数据类型可以相互转化

语法2

// 有时，我们希望重新使用同一个 Symbol 值，就使用Symbol.for()
let s = Symbol.for([description])

• description参数：可选，表示对 Symbol 实例的描述
• 与Symbol()的区别
  • Symbol每次调用就返回一个新的 Symbol 类型的值;
  • Symbol.for()会被登记在全局环境中供搜索,每次调用会先检查给定的key是否已经存在，存在返回已被创建的值，如果不存在才会新建一个值

示例

test1(){
  const s1 = Symbol.for('111')
  const s2 = Symbol('111')
  this.test(s1,s2)
}

test(){
  const s2 = Symbol.for('111')
  const s3 = Symbol.for('111')
  console.log(s1==s2, s2 == s3) // true true
  const ss2 =Symbol('111')
  console.log(ss1==ss2) //false
}

作为对象属性使用

• const s = Symbol('111')
  const obj = {s:111}
  console.log('结果', obj) //{s: 111}
  
  const obj = {Symbol('111'):111} // 报错-语法不符合规范
  

  • 对象的属性都是字符串；

• const obj = {}
  const s = Symbol('111')
  obj.s = 111
  console.log('结果', obj) //{s:111}
  

  • Symbol 值作为对象属性名时，不能用点运算符—>因为点运算符后面总是字符串;

• const obj = {}
  const s = Symbol('111')
  obj[s] = 111
  console.log('结果', obj) //{Symbol(111): 111}
  

  • 使用 Symbol 值定义属性时，Symbol 值必须放在方括号之中；

遍历对象

Symbol数据类型与字符串作为对象的属性在遍历时也不相同，可查看遍历对象文章