ES6 symbol

2020-04-30  本文已影响0人  BlueSkyBlue

ES5中的对象属性都是字符串,容易造成重名,污染环境。
ES6中添加了一个原始数据类型symbol(已有的数据类型:String,Number,boolean,undefined,null,对象类型)。

特点:

基本用法

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))
上一篇 下一篇

猜你喜欢

热点阅读