【ES6入門08】:Symbol用法

1.Symbol是ES6新增的數據類型,它提供獨一無二的值數組

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

    // Symbol.for()接收一個參數,做爲key值
    // 使用for方法時,會檢查這個key值在全局是否註冊
    // 若是註冊過就返回這個值,不然調用Symbol生成新的獨一無二的值
    let a3 = Symbol.for('a3');
    let a4 = Symbol.for('a3');
    console.log(a3 === a4); // true
}

2.在對象中聲明Symbol類型的屬性code

{
    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)循環拿不到 以Symbol做爲屬性的值
    for (let key of Object.keys(obj)) {
        console.log(key); // abc  df
    }

    // 只拿到以Symbol做爲屬性的值,getOwnPropertySymbols返回一個數組
    Object.getOwnPropertySymbols(obj).forEach(function (item) {
        console.log(obj[item]); // 123
    });

    // 對象所有屬性和值都拿到,包括Symbol。Reflect.ownKeys返回一個數組
    Reflect.ownKeys(obj).forEach(function (item) {
        console.log(item, obj[item]); // abc 345  df 456  Symbol(abc) "123"
    });
}
相關文章
相關標籤/搜索