遍歷規(guī)則

let obj = { b: 0, 10: 0, 2: 0, a: 0 };
let keys = Object.keys(obj);
console.log(keys);

執(zhí)行結(jié)果

image.png

屬性遍歷的次序規(guī)則：

1.首先遍歷所有數(shù)值鍵百侧，按照數(shù)值升序排列。
2.其次遍歷所有字符串鍵谴供，按照加入時(shí)間升序排列祭芦。
3.最后遍歷所有 Symbol 鍵，按照加入時(shí)間升序排列憔鬼。

問題：以下創(chuàng)建對象方式，有什么區(qū)別胃夏？

    let obj = {};
    let createObj = Object.create({});
    let createNull = Object.create(null);
    console.log(obj);
    console.log(createObj);
    console.log(createNull);

執(zhí)行結(jié)果

image.png

思考：你們怎么理解空對象的轴或，那么怎么判斷一個(gè)空對象{}？

方式一：想想是否有問題仰禀？
    let obj = {};
    let result = true;
    for (let key in obj) {
      result = false;
    }
    console.log(result);

方式二：想想是否有問題照雁？
    let obj = {};
    Object.keys(obj).length === 0

方式三：想想是否有問題？
    let obj = {};
    JSON.stringify(obj) === '{}'

構(gòu)建對象B

方式一：

    let A = {
      nameA: "張三",
      ageA: 30,
      [Symbol("A")]: "A",
    };
    let B = Object.create(A, {
      nameB: { value: "李四", enumerable: true },
      ageB: { value: 20 },
      [Symbol("B")]: { value: "B", enumerable: true }
    });
    console.log("A", A);
    console.log("B", B);

問題：請采用一個(gè)其他方式構(gòu)建結(jié)構(gòu)對象B？

方式二：

    let A = {
      nameA: "張三",
      ageA: 30,
      [Symbol("A")]: "A",
    };
    let B = {
      nameB: "李四",
      ageB: 20,
      [Symbol("B")]: "B",
    };
    Object.defineProperty(B, "nameB", {
      enumerable: false,
    });
    Object.setPrototypeOf(B, A);
    //B.__proto__ = A;
    console.log("A", A);
    console.log("B", B);

五種遍歷方式

for...in

    for(let key in B){
      console.log(key, B[key]);
    }

執(zhí)行結(jié)果

image.png

Object.keys()

    let keys = Object.keys(B);
    console.log(keys);

執(zhí)行結(jié)果

image.png

Object.getOwnPropertyNames()

    let ownNames = Object.getOwnPropertyNames(B);
    console.log(ownNames);

執(zhí)行結(jié)果

image.png

問題：Object.getOwnPropertyNames()只能入?yún)ο髥?那數(shù)組呢?

    let arr = [1, 2, 3, 4];
    let names = Object.getOwnPropertyNames(arr);
    console.log(names);

執(zhí)行結(jié)果

image.png

Object.getOwnPropertySymbols()

    let ownSymbols = Object.getOwnPropertySymbols(B);
    console.log(ownSymbols);

執(zhí)行結(jié)果

image.png

Reflect.ownKeys()

    let ownKeys = Reflect.ownKeys(B);
    console.log(ownKeys);

執(zhí)行結(jié)果

image.png

結(jié)論總結(jié)：

（1）for...in：循環(huán)遍歷對象自身的和繼承的可枚舉屬性（不含 Symbol 屬性）饺蚊。
（2）Object.keys()：返回一個(gè)數(shù)組萍诱，包括對象自身的（不含繼承的）所有可枚舉屬性（不含 Symbol 屬性）的鍵名。
（3）Object.getOwnPropertyNames()：返回一個(gè)數(shù)組污呼，包含對象自身的所有屬性（不含 Symbol 屬性裕坊，但是包括不可枚舉屬性）的鍵名。
（4）Object.getOwnPropertySymbols()：返回一個(gè)數(shù)組燕酷，包含對象自身的所有 Symbol 屬性的鍵名籍凝。
（5）Reflect.ownKeys()：返回一個(gè)數(shù)組，包含對象自身的（不含繼承的）所有鍵名苗缩，不管鍵名是 Symbol 或字符串饵蒂，也不管是否可枚舉。

課外思考：怎么通過prototype知道哪些是實(shí)例方法酱讶，哪些是靜態(tài)方法退盯？