可列舉

物件的每一個屬性都有一個描述物件，用來控制該屬性的行為。Object.getOwnpropertyDescriptor 方法可以獲取該屬性的描述物件。

let obj = { foo: 123 };
Object.getOwnPropertyDescriptor(obj, 'foo')
//  {
//    value: 123,
//    writable: true,
//    enumerable: true,
//    configurable: true
//  }

描述物件的 enumerable 屬性，稱為“可沒舉性”，如果該屬性為 false，就表示某些操作會忽略當前屬性。

目前，有四個操作會忽略 enumerable 為 false 的屬性。

• for...in 迴圈：只遍歷物件自身的和繼承的可列舉的屬性。
• Object.keys()：返回物件自身的所有可列舉的屬性和鍵名。
• JSON.stringify()：只序列化物件自身的可列舉的屬性。
• Object.assign()：忽略 enumerable 為 false 的屬性，只拷貝物件自身的可列舉的屬性。

這四個操作之中，前三個是 ES5 就有的，最後一個 Object.assign() 是ES6 新增的，其中，只有 for...in 會返回繼承的屬性，其他三個方法都會忽略繼承的屬性，只處理物件自身的屬性。實際上，引入“可列舉”（enumerable）這個概念的最初目的，就是讓某些屬性可以規避掉 for...in 操作，不然所有內部屬性都會被遍歷到。比如，物件原型的 toString 方法，以及陣列的 length 屬性，就通過“可列舉性”，從而避免被 for...in 遍歷到。

Object.getOwnPropertyDescriptor(Object.prototype, 'toString').enumerable
// false

Object.getOwnPropertyDescriptor([], 'length').enumerable
// false

上面程式碼中，toString 和 length 屬性的 enumerable 都是 false，因此 for...in 不會遍歷到這兩個繼承自原型的屬性。

另外，ES6 規定，所有 Class 的原型的方法都是不可列舉的。

Object.getOwnPropertyDescriptor(class {foo() {}}.prototype, 'foo').enumerable
// false
 

總的來說，操作中引入繼承的屬性會讓問題複雜化，大多數時候，我們只關心物件自身的屬性。所以，儘量不要用 for...in 迴圈，而用 Object.key() 代替。

屬性的遍歷

ES6 一共有5種方法可以遍歷物件的屬性。

1）for...in

for...in 迴圈遍歷物件自身的和繼承的可列舉屬性（不含 Symbol 屬性）。

2）Object.keys(obj)

Object.keys 返回一個數組，包括物件自身的（不含繼承的）所有可列舉屬性（不含 Symbol 屬性）的鍵名。

3）Object.getOwnPropertyNames(obj)

Object.getOwnPropertyNames 返回一個數組，包含物件自身的所有屬性（不含 Symbol 屬性，但是包括不可列舉屬性）的鍵名。

4）Object.getOwnPropertySymbols(obj)

Object.getOwnPropertySymbols 返回一個數組，包含物件自身的所有 Symbol 屬性的鍵名。

5）Reflect.ownKeys(obj)

Reflect.ownKeys 返回一個數組，包含物件自身的所有鍵名，不管鍵名是 Symbol 或字串，也不管是否可列舉。

以上的5種方法遍歷物件的鍵名，都遵守統一的屬性遍歷的次序規則。

• 首先遍歷所有數值鍵，按照數值升序排列。
• 其次遍歷所有字元鍵，按照加入時間升序排列。
• 最後遍歷所有 Symbol 鍵按照加入時間升序排列。

Reflect.ownKeys({ [Symbol()]:0, b:0, 10:0, 2:0, a:0 })
// ['2', '10', 'b', 'a', Symbol()]

上面程式碼中，Reflect.ownKeys 方法返回一個數組，包含了引數物件的所有屬性。這個陣列的屬性次序是這樣的，首先是數值屬性2和10，其次是字串屬性b和a，最後是 Symbol 屬性。