一、概念
ES6之前,Javascript的六种类型分别是:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)
ES6新加了第七种类型:Symbol,代表独一无二的值
二、解决了问题
ES5 的对象属性名都是字符串,这容易造成属性名的冲突。凡是属性名属于 Symbol 类型,就都是独一无二的,Symbol可以从根本上防止属性名的冲突。
三、使用
1.Symbol 值通过Symbol函数生成
let s = Symbol();
typeof s
// "symbol"
注意:
Symbol函数前不能使用new命令,否则会报错。这是因为生成的 Symbol 是一个原始类型的值,不是对象。也就是说,由于 Symbol 值不是对象,所以不能添加属性。基本上,它是一种类似于字符串的数据类型。
2.Symbol函数可以接受一个字符串作为参数
let s1 = Symbol('foo');
let s2 = Symbol('bar');
s1 // Symbol(foo)
s2 // Symbol(bar)
s1.toString() // "Symbol(foo)"
s2.toString() // "Symbol(bar)"
参数相当于是这个Symbol的描述,用于区分不同的Symbol。因为Symbol是独一无二的,所以即使相同的参数生成的Symbol也是不一样的
let s1 = Symbol('foo'); let s2 = Symbol('foo');
s1 === s2 // false
如果 Symbol 的参数是一个对象,就会调用该对象的toString方法,将其转为字符串。
const obj = {
toString() {
return 'abc';
}
};
const sym = Symbol(obj);
sym // Symbol(abc)
3.作为属性名的Symbol
let mySymbol = Symbol();
let a = {};
a[mySymbol] = 'Hello!';
Symbol值作为对象属性名时,不能用点运算符,否则产生的属性名只是一个字符串,而不是Symbol,Symbol 值必须放在方括号之中。
const mySymbol = Symbol();
const a = {};
a.mySymbol = 'Hello!';
a[mySymbol] // undefined
a['mySymbol'] // "Hello!" 字符串
4.属性名的遍历
Symbol 作为属性名,该属性不会出现在for...in、for...of循环中,也不会被Object.keys()、Object.getOwnPropertyNames()、JSON.stringify()返回。但是,它也不是私有属性,有一个Object.getOwnPropertySymbols方法,可以获取指定对象的所有 Symbol 属性名。
Object.getOwnPropertySymbols方法返回一个数组,成员是当前对象的所有用作属性名的 Symbol 值。
const obj = {};
let a = Symbol('a');
let b = Symbol('b');
obj[a] = 'Hello';
obj[b] = 'World';
const objectSymbols = Object.getOwnPropertySymbols(obj);
objectSymbols
// [Symbol(a), Symbol(b)]