【ES6入門08】：Symbol用法

LeexMuller 發(fā)布于2019-08-23 12:31 / 3280人閱讀

摘要：是新增的數(shù)據(jù)類型，它提供獨(dú)一無二的值聲明，聲明的變量是唯一的接收一個(gè)參數(shù)，作為值使用方法時(shí)，會(huì)檢查這個(gè)值在全局是否注冊(cè)如果注冊(cè)過就返回這個(gè)值，否則調(diào)用生成新的獨(dú)一無二的值在對(duì)象中聲明類型的屬性的遍歷或者循環(huán)拿不到以作為屬性的值只拿到以作為屬

1.Symbol是ES6新增的數(shù)據(jù)類型，它提供獨(dú)一無二的值

{
    // 聲明，Symbol聲明的變量是唯一的
    let a1 = Symbol();
    let a2 = Symbol();
    console.log(a1 === a2); // false

    // Symbol.for()接收一個(gè)參數(shù)，作為key值
    // 使用for方法時(shí)，會(huì)檢查這個(gè)key值在全局是否注冊(cè)
    // 如果注冊(cè)過就返回這個(gè)值，否則調(diào)用Symbol生成新的獨(dú)一無二的值
    let a3 = Symbol.for("a3");
    let a4 = Symbol.for("a3");
    console.log(a3 === a4); // true
}

2.在對(duì)象中聲明Symbol類型的屬性

{
    let a1 = Symbol.for("abc");
    let obj = {
        [a1]: "123",
        "abc": "345",
        "df": "456",
    };
    console.log(obj); // {abc: "345", df: "456", Symbol(abc): "123"}
}

3.Symbol的遍歷

{
    let a1 = Symbol.for("abc");
    let obj = {
        [a1]: "123",
        "abc": 345,
        "df": 456,
    };
    // let of（或者for in）循環(huán)拿不到 以Symbol作為屬性的值
    for (let key of Object.keys(obj)) {
        console.log(key); // abc  df
    }

    // 只拿到以Symbol作為屬性的值，getOwnPropertySymbols返回一個(gè)數(shù)組
    Object.getOwnPropertySymbols(obj).forEach(function (item) {
        console.log(obj[item]); // 123
    });

    // 對(duì)象全部屬性和值都拿到，包括Symbol。Reflect.ownKeys返回一個(gè)數(shù)組
    Reflect.ownKeys(obj).forEach(function (item) {
        console.log(item, obj[item]); // abc 345  df 456  Symbol(abc) "123"
    });
}