ES6的Symbol數(shù)據(jù)類型的學(xué)習(xí)

SimpleTriangle 發(fā)布于2019-08-20 18:56 / 462人閱讀

摘要：新的原始數(shù)據(jù)類型，表示獨(dú)一無二的值其他的數(shù)據(jù)類型包括基本知識注意不能使用，因?yàn)樗皇菍ο髤?shù)是一個(gè)對象，就會調(diào)用該對象的方法，然后才生成一個(gè)值值不可以運(yùn)算可以顯式轉(zhuǎn)為字符串可以轉(zhuǎn)為布爾值，但是不能轉(zhuǎn)為數(shù)值可以防止某一個(gè)鍵被改寫或覆蓋使用值定

新的原始數(shù)據(jù)類型：Symbol，表示獨(dú)一無二的值
其他的數(shù)據(jù)類型包括undefined,null,string,number,boolean,object

基本知識

let s = Symbol() // 注意不能使用new，因?yàn)樗皇菍ο?typeof s // "symbol"


let s1 = Symbol("foo")
s1 // Symbol(foo)

// Symbol參數(shù)是一個(gè)對象，就會調(diào)用該對象的toString（）方法，然后才生成一個(gè)Symbol值
const obj = {
    toString() {
        return "abc"
    }
}
const sym = Symbol(obj)
sym // Symbol(abc)

let s2 = Symbol("foo")
s1 === s2 // false

// Symbol值不可以運(yùn)算
console.log("your symbol " + s1) // TypeError

// Symbol可以顯式轉(zhuǎn)為字符串
String(s1) 
sym.toString() // "Symbol(foo)"

// Symbol可以轉(zhuǎn)為布爾值，但是不能轉(zhuǎn)為數(shù)值
Boolean(s) // true
!s // false
Number(s) // TypeError

可以防止某一個(gè)鍵被改寫或覆蓋

使用Symbol值定義屬性時(shí)，Symbol值必須放在方括號之中。

let mySym = Symbol()
let a = {}
a[mySym] = "hello"

let a = {
    [mySym]: "hello"
}

// 注意點(diǎn)運(yùn)算符，此時(shí)mySym是字符串
a.mySym = "hello"
a[mySym] // undefined
a["mySym"] // "hello"

屬性名的遍歷
Symbol作為屬性名，不會出現(xiàn)在for...in和for...of循環(huán)中，也不會被Object.keys()、Object.getOwnPropertyNames()、JSON.stringify()返回，有一個(gè)Object.getOwnPropertySymbols方法可以獲取Symbol屬性名

let obj = {}
let foo = Symbol("foo")
Object.defineProperty(obj, foo, {
    value: "foobar"
})

for (let i in obj) {
    console.log(i) // 無輸出
}

Object.getOwnPropertyNames(obj) // []

Object.getOwnPropertySymbols(obj) // [Symbol(foo)]

還有一個(gè)全新的APIReflect.ownKeys()可以返回所有類型的鍵名，包括常規(guī)鍵名和Symbol鍵名

let obj = {
    [Symbol("my_key")]: 1,
    enum: 2,
    nonEnum: 3
}

Reflect.ownKeys(obj) // ["enum","nonEnum",Symbol(my_key)]

let s1 = Symbol.for("foo") // 不會每次調(diào)用就返回一個(gè)新的Symbol類型的值
let s2 = Symbol.for("bar") // 調(diào)用30次，每次都返回同一個(gè)Symbol值，但是Symbol()會返回30個(gè)不同的Symbol值
s1 === s2 //true

// 返回一個(gè)已登記的Symbol類型值的key
let s1 = Symbol.for("foo")
Symbol.keyFor(s1) // "foo"

let s2 = Symbol("foo")
Symbol.keyFor(s2) // undefined