ES6引入了一种新的原始数据类型Symbol,表示独一无二的值,最大的用法是用来定义对象的唯一的属性名。
基本用法
Symbol函数栈不能用new命令,因为Symbol是原始数据类型,不是对象。可以接受一个字符串作为参数,为新创建的Symbol提供描述,用来显示控制台或者作为字符串的时候使用,便于区分。
let sy = Symbol('kk')
console.log(sy); // Symbol('kk')
typeof(sy) // symbol
//相同参数Symbol()返回的值不相等
let sy1 = Symbol('kk')
sy === sy1 // false
使用场景
作为属性名
由于每个Symbol的值都是不相等的,所以它作为对象的属性名,可以保证属性不重名
let sy = Symbol("key1");
// 写法1
let syObject = {};
syObject[sy] = "kk";
console.log(syObject); // {Symbol(key1): "kk"}
// 写法2
let syObject = {
[sy]: "kk"
};
console.log(syObject); // {Symbol(key1): "kk"}
// 写法3
let syObject = {};
Object.defineProperty(syObject, sy, {value: "kk"});
console.log(syObject); // {Symbol(key1): "kk"}
Symbol作为对象属性名时不能用 . 运算符,要用方括号。因为 . 运算符后面是字符串,所以渠道的是字符串sy属性,,而不是Symbol值sy属性。
let syObject = {};
syObject[sy] = "kk";
syObject[sy]; // "kk"
syObject.sy; // undefined
注意点
Symbol值作为属性名时,该属性是公有属性不是私有属性,可以在类得外部访问。但是不会出现在for...in for...of 的循环中,也不会被Object.keys() Object.getOwnPropertyNames()返回。如果要读取一个对象的Symbol属性,可以通过Object.getOwnPropertySymbols()和Reflect.ownKeys()取到。
let syObject = {};
syObject[sy] = "kk";
console.log(syObject);
for (let i in syObject) {
console.log(i);
} // 无输出
Object.keys(syObject); // []
Object.getOwnPropertySymbols(syObject); // [Symbol(key1)]
Reflect.ownKeys(syObject); // [Symbol(key1)]
定义常量
在ES5使用字符串表示常量。但是用字符串不能保证常量是独特的,Symbol 的值是唯一的,所以不会出现相同值得常量。
Symbol.for()
Symbol.for()类似单例模式,首先会在全局搜索被登记的Symbol中是否有该字符串参数作为名称的Symbol值,如果有即返回该值,若没有则新建并返回该字符串参数为名称的Symbol值,并登记在全局环境中供搜索。
let yellow = Symbol("Yellow");
let yellow1 = Symbol.for("Yellow");
yellow === yellow1; // false
let yellow2 = Symbol.for("Yellow");
yellow1 === yellow2; // true
Symbol.keyFor()
Symbol.keyFor()返回一个已登记得Symbol类型值得Key,用来检测字符串参数作为名称得Symbol值是否已被登记。
let yellow1 = Symbol.for("Yellow");
Symbol.keyFor(yellow1); // "Yellow"