【ES6入門06】：對(duì)象擴(kuò)展

zsirfs 發(fā)布于2019-08-23 12:27 / 2458人閱讀

摘要：對(duì)象擴(kuò)展簡(jiǎn)潔表示法屬性表達(dá)式值用中括號(hào)包起來，就是個(gè)表達(dá)式跟的功能是一樣的數(shù)組也是引用類型，值雖然都是空，但指向不同的內(nèi)存地址實(shí)現(xiàn)對(duì)象的拷貝淺拷貝只拷貝對(duì)象自身的屬性，如果對(duì)象有繼承，繼承的屬性不會(huì)被拷貝只拷貝可枚舉屬性，不可枚舉屬性不會(huì)被

對(duì)象擴(kuò)展 簡(jiǎn)潔表示法

{
    let o = 1,k = 2;
    let es5 = {
        o: o,
        k: k
    };
    let es6 = {
        o,
        k
    };
    console.log(es5, es6); // {o: 1, k: 2} {o: 1, k: 2}

    let es5_method = {
        hello: function () {
            console.log("hello");
        }
    };
    let es6_method = {
        hello() {
            console.log("hello");
        }
    };
    es5_method.hello(); // hello
    es6_method.hello(); // hello
}

屬性表達(dá)式

{
    let a = "b";
    let es5_obj = {
        a: "c"
    };
    // key值用中括號(hào)包起來，就是個(gè)表達(dá)式
    let es6_obj = {
        [a]: "c"
    };
    console.log(es5_obj, es6_obj); // {a: "c"} {b: "c"}
}

Object.is()

{
    // Object.is() 跟 === 的功能是一樣的
    console.log(Object.is("abc", "abc"), "abc" === "abc"); // true true
    // 數(shù)組也是引用類型，值雖然都是空，但指向不同的內(nèi)存地址
    console.log(Object.is([], []), [] === []); // false false
}

Object.assign()

{
    // Object.assign()實(shí)現(xiàn)對(duì)象的拷貝（淺拷貝）
    // 1、只拷貝對(duì)象自身的屬性，如果對(duì)象有繼承，繼承的屬性不會(huì)被拷貝
    // 2、只拷貝 可枚舉 屬性，不可枚舉屬性不會(huì)被拷貝
    console.log(Object.assign({}, {a: "a"}, {b: "b"})); // {a: "a", b: "b"}
}

Object.entries()

{
    // Object.entries() 類似于數(shù)組的entries()
    let obj = {k: 123, o: 456};
    for (let [key, value] of Object.entries(obj)) {
        console.log(key, value);
    }
    // k 123
    // o 456
}