ES6中Symbol的使用方法

這篇文章將為大家詳細講解有關ES6中Symbol的使用方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

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

{
    // 聲明，Symbol聲明的變量是唯一的
    let a1 = Symbol();
    let a2 = Symbol();
    console.log(a1 === a2); // false
    // Symbol.for()接收一個參數(shù)，作為key值
    // 使用for方法時，會檢查這個key值在全局是否注冊
    // 如果注冊過就返回這個值，否則調(diào)用Symbol生成新的獨一無二的值
    let a3 = Symbol.for('a3');
    let a4 = Symbol.for('a3');
    console.log(a3 === a4); // true
}

2.在對象中聲明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返回一個數(shù)組
    Object.getOwnPropertySymbols(obj).forEach(function (item) {
        console.log(obj[item]); // 123
    });

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

關于ES6中Symbol的使用方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。