【ES6入門08】：Symbol用法

LeexMuller 發布于2019-08-23 12:31 / 3290人閱讀

摘要：是新增的數據類型，它提供獨一無二的值聲明，聲明的變量是唯一的接收一個參數，作為值使用方法時，會檢查這個值在全局是否注冊如果注冊過就返回這個值，否則調用生成新的獨一無二的值在對象中聲明類型的屬性的遍歷或者循環拿不到以作為屬性的值只拿到以作為屬

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類型的屬性

{
    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"
    });
}

GPU云服務器云服務器 ES6入門 symbol python x08 服務器重裝08系統

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/98663.html

ES6簡單總結（搭配簡單的講解和小案例）

摘要：方法返回一個布爾值，表示某個數組是否包含給定的值，與字符串的方法類似。不可以當作構造函數，也就是說，不可以使用命令，否則會拋出一個錯誤。本身是一個構造函數，用來生成數據結構。返回一個布爾值，表示該值是否為的成員。清除所有成員，沒有返回值。在學習es6的過程中，為了方便自己復習，以及查看，對api做了一個極簡用例介紹。如有錯誤多多指正。一 let和const 1.let (1)一個大...

joyqi 2019-08-26 11:31 評論0 收藏0
ES6入門之對象的擴展

摘要：循環遍歷對象自身的和繼承的可枚舉屬性不含屬性。返回一個數組，包含對象自身的所有屬性的鍵名。目前，只有對象方法的簡寫法可以讓引擎確認，定義的是對象的方法。showImg(https://user-gold-cdn.xitu.io/2019/5/21/16ada8456223b0e1); 1. 屬性的簡潔表示法在ES6中允許直接寫入變量和函數，作為對象的屬性和方法，使得代碼的書寫更為簡潔。...

RiverLi 2019-05-23 11:58 評論0 收藏0
ES6入門之對象的擴展

摘要：屬性的簡潔表示法在中允許直接寫入變量和函數，作為對象的屬性和方法，使得代碼的書寫更為簡潔。循環遍歷對象自身的和繼承的可枚舉屬性不含屬性。返回一個數組，包含對象自身的所有屬性的鍵名。 showImg(https://segmentfault.com/img/remote/1460000019259004?w=1282&h=1920); 1. 屬性的簡潔表示法在ES6中允許直接寫入變量...

AWang 2019-08-26 13:53 評論0 收藏0
ES6入門之對象的新增方法

showImg(https://user-gold-cdn.xitu.io/2019/5/22/16adcec448a45d82); 1. Object.is() 用來解決在ES5中兩種相等運算符的缺點。用來比較兩個值是否嚴格相等，行為和（===）基本一致。在ES5中判斷兩個值是否相等，只能用（==）相等運算符和（===）嚴格相等運算符，但是這兩貨都有缺點，前者兩邊的值都會轉換數據類型，...

zhou_you 2019-05-22 19:25 評論0 收藏0