文章目录
Symbol函数
1.0 概述
ES5的对象属性名都是字符串, 这容易造成属性名冲突. 比如你使用了别人提供的对象, 但又想为这个对象添加新的方法.(minxin)模式, 新方法的名字就有可能与现有方法产生冲突. 如果有一种机制, 保证每个属性名字都是 独一无二的就好了. 这样就可以从根本上防止属性名的冲突.这就是 ES6引入
Symbol
的原因.
ES6引入了一种新的原始数据类型
Symbol
, 表示独一无二的值. 它是JS语言的第七种数据类型. 前六种分别是. String, Boolean, Number, Null, undefined, Object.
Symbol 通过
Symbol
函数生成, 这就是说 , 对象的属性名现在可以是 两种类型, 一种: 就是原来就有的字符串, 另一种: 就是新增的Symbol类型. 凡是属性名属于 Symbol 类型, 就都是独一无二的, 可以保证不会与其他属性名产生冲突.let s = Symbol(); typeof s // "symbol"
上面代码中,变量
s
就是一个独一无二的值。typeof
运算符的结果,表明变量s
是 Symbol 数据类型,而不是字符串之类的其他类型。
🏴 注意
Symbol
函数前不能使用new
命令, 否则会报错. 这是因为生成的 Symbol 是一个 原始类型的值, 不是对象, 也就是说, 因为 Symbo 不是对象, 所以不能给 Symbol 添加属性, 基本上, 它是一种类似于字符串的数据类型.
Symbol
函数可以接收一个字符串作为参数, 表示对 Symbol 实例的描述, 主要是为了在控制台显示. 或者转化为字符串时, 比较容易区分.let s1 = Symbol('foo'); let s2 = Symbol('bar'); console.log(s1.toString()); // "Symbol(foo)" console.log(s2.toString()); // "Symbol(bar)"
🏴 注意:
Symbol
函数的参数只是表示对当前 Symbol 值的描述, 因此就算是相同参数的 Symbol 函数, 它的返回值也是不相等的.// 没有参数的情况 let s1 = Symbol(); let s2 = Symbol(); console.log(s1 === s2); // false // 有参数的情况 let s3 = Symbol('foo'); let s4 = Symbol('foo'); console.log(s3 === s4); // false
Symbol 值不能与其他类型的值进行运算, 否则会报错
但是Symbol 值可以显示转为字符串.
let sym = Symbol('My symbol'); console.log(String(sym)); // 'Symbol(My symbol)' console.log(sym.toString()); // 'Symbol(My symbol)'
另外, Symbol 值也可以转为 布尔值, 但是不能转为数值
let sym = Symbol(); Boolean(sym) // true !sym // false if (sym) { // ... } Number(sym)