快捷導(dǎo)航

ES6初步了解原始數(shù)據(jù)類型Symbol的用法

更新時間：2023年10月24日 15:02:06 作者：遠(yuǎn)近高低各不同

ES6中為我們新增了一個原始數(shù)據(jù)類型Symbol,大家是否知道Symbol可以作用在哪?用來定義對象的私有變量如何寫入對象,本文對ES6 Symbol的用法介紹的非常詳細(xì),需要的朋友參考下吧

ES6中為我們新增了一個原始數(shù)據(jù)類型Symbol，讓我為大家介紹一下吧！
Symbol它表示是獨一無二的值
Symbol要如何創(chuàng)建
第一種創(chuàng)建方式：

    let sy = Symbol()

第二種創(chuàng)建方式：

    let sy = Symbol.for()

具體獨一無二在哪呢？它們的地址不相同。

    let sy = Symbol("name")
    let sy1 = Symbol("name")
    console.log(sy === sy1) //false

但如果我們使用Symbol.for創(chuàng)建

    let sy = Symbol.for("name")
    let sy1 = Symbol.for("name")
    console.log(sy === sy1) // true

Symbol不能與其他數(shù)據(jù)進(jìn)行運算

    let sy = Symbol()
    console.log(sy + 1) //報錯
    console.log(sy > 1) //報錯
    console.log(sy + "1") //報錯

Symbol可以作用在哪呢？
用來定義對象的私有變量
如何寫入對象？
第一種：

    let sy = Symbol("sy1")
    const obj = {}
    obj[sy] = "私有的"
    console.log(obj)

第二種：

    let sy = Symbol("sy1")
    const obj = {
        [sy] : "私有的"
    } 
    console.log(obj)

第三種：

    const obj = {
        sy : Symbol("私有的")
    } 
    console.log(obj)

我們可以用keyFor來獲取Symbol.for()創(chuàng)建的值

    let sy = Symbol.for("hello")
    console.log(Symbol.keyFor(sy))//hello

我們怎么獲取呢？可以使用對象[ ]的方法取到
記住取Symbol的值時，不能用點(.)取

//獲取成功
console.log(obj[sy]) //私有的

我們用點(.)取值試一下，取到undefined

console.log(obj.sy) //undefined

我們該如何循環(huán)取到Symbol
我們用對象的for in方法試一試
由此可見，取不到Symbol

    let sy = Symbol("hello")
    const obj = {
        name:"張三",
        age:18,
        
    }
    obj[sy] = "私有的"
    for(let k in obj) {
        console.log(obj) //{name: '張三', age: 18, Symbol(hello): '私有的'}
        console.log(k) //name age
        console.log(obj[k]) //張三 18
    }

我們使用getOwnPropertySymbols()

    let sy = Symbol("hello")
    const obj = {
        name:"張三",
        age:18    
    }
    obj[sy] = "私有的"
    let a = Object.getOwnPropertySymbols(obj)
    console.log(a)