ES5中的对象属性都是字符串,容易造成重名,污染环境。
ES6中添加了一个原始数据类型symbol(已有的数据类型:String,Number,boolean,undefined,null,对象类型)。
特点:
- Symbol属性对应的值是唯一的,解决命名冲突的问题。
- Symbol值不能和其它数据进行计算,包括同字符串拼接。
- for in, for of遍历时不会遍历symbol属性。
基本用法
Symbol函数栈不能使用new命令,因为Symbol是原始数据类型,不是对象。可以接受一个字符串作为参数,为新创建的Symbol提供描述,用来显示在控制台或者作为字符串的时候使用,便于区分。
let symbol = Symbol('KK');
console.log(symbol)
使用场景
作为属性名
由于每一个Symbol的值都是不相等的,所以Symbol作为对象的属性名可以保证属性不重名。
写法一:
let sy = Symbol('key1')
let syObject = {};
syObject[sy] = 'kk'
console.log(syObject)
写法二:
let sy = Symbol('key1')
let syObject = {
[sy]: 'kk'
}
console.log(syObject)
写法三:
let sy = Symbol('key1')
let syObject = {}
Object.defineProperty(syObject, sy, {value: 'kk'})
console.log(syObject)
Symbol作为对象属性名的时候不能用.运算符,要用方括号。因为.后面是字符串,所以取到的是字符串sy属性,而不是Symbol的sy属性。
let sy = Symbol('key1')
let syObject = {};
syObject[sy] = 'kk'
console.log(syObject[sy])
Symbol值作为属性名时,该属性是公有属性不是私有属性。可以在类的外部访问。但是不能出现在for...in,for...of的循环中,也不会在Object.keys()、Object.getOwnPropertyNames()返回。如果要读取一个对象的Symbol属性,可以通过Object.getOwnPropertySymbols()和Reflect.ownKeys()取到。
let sy = Symbol('key1')
let syObject = {};
syObject[sy] = 'kk'
console.log(Object.getOwnPropertySymbols(syObject))
console.log(Reflect.ownKeys(syObject))
Symbol.for()
Symbol.for类似于单例模式,首先会在全局搜索被登记的Symbol中是否有该字符串参数作为名称的Symbol值,如果有就返回该Symbol值。没有则新建并返回一个以该字符串参数为名称的Symbol值,并登记在全局环境中供搜索。
let yellow = Symbol('yellow')
let yellow1 = Symbol.for('yellow')
console.log(yellow === yellow1)
let yellow2 = Symbol.for('yellow')
console.log(yellow1 === yellow2)
Symbol.keyFor()
Symbol.keyFor返回一个已经登记的Symbol类型的值的key。用来检测该字符串参数作为名称的Symbol值是否已经被登记。
let yellow = Symbol.for('yellow')
console.log(Symbol.keyFor(yellow))
网友评论