Q: 如何遍歷class中的原型方法？

es6中的class算是構造函數的語法糖，但它和構造函數在特徵和用法上仍是有些不一樣的。

若是是用function構造函數寫法的話，咱們能夠用Object.keys或者for...in來遍歷它的原型

function Test() {}
Test.prototype.testMethod = function(){}
const fnProto = Test.prototype

console.log(Object.keys(fnProto)) //['testMethod']
for (let k in fnProto) {
    console.log(k)              // 'testMethod'
}
複製代碼

而若是是class定義的話都將是空

class TestClass{
    testMethod() {}
}
const classProto = TestClass.prototype

console.log(Object.keys(classProto))  // []
for (let k in classProto) {
    console.log(k)             // 不會執行
}
複製代碼

咱們能夠看一下他們的描述符

Object.getOwnPropertyDescriptor(classProto, 'testMethod') 
// {value: ƒ, writable: true, enumerable: false, configurable: true}
複製代碼

而構造函數的描述符

Object.getOwnPropertyDescriptor(fnProto, 'testMethod') 
// {value: ƒ, writable: true, enumerable: true, configurable: true}
複製代碼

至此咱們能夠得出結論class定義的方法是不可枚舉的。 那怎樣才能遍歷到class中的方法呢？

1. 咱們注意到雖然classProto的enumerable是false，但configurable爲true。 因此咱們能夠直接

Object.defineProperty(classProto, 'testMethod', {enumerable: true})
   console.log(Object.keys(classProto))  // ['testMethod']
複製代碼

2. 還有一個很簡單的方法Object.getOwnPropertyNames()，這也是我最後找到的答案

console.log(Object.getOwnPropertyNames(classProto)) // ['constructor', 'testMethod']
複製代碼

Object.getOwnPropertyNames返回一個數組包含對象自身擁有的可枚舉和不可枚舉屬性。不過要注意一點，constructor也出如今了數組中，若是隻須要方法屬性，要作下過濾。

標題的答案其實很簡單，只須要調用一個函數，但找尋這個答案的過程嘗試了不少也瞭解了不少。

附

class和構造函數的不一樣在understandinges6有一個總結：

• Class declarations, unlike function declarations, are not hoisted. Class declarations act like let declarations and so exist in the temporal dead zone until execution reaches the declaration.

• 不一樣於function聲明，class聲明不存在做用域內的提高。class聲明像let聲明同樣在執行到聲明語句前會存在於temporal dead zone(TDZ)中。

• All code inside of class declarations runs in strict mode automatically. There’s no way to opt-out of strict mode inside of classes.

• class聲明內的代碼自動在嚴格模式下執行，逃不掉。。

• All methods are non-enumerable. This is a significant change from custom types, where you need to use Object.defineProperty() to make a method non-enumerable.

• 全部方法都是不可枚舉的。正常自定義類型的話須要使用Object.defineProperty()讓其不可枚舉

• All methods lack an internal [[Construct]] method and will throw an error if you try to call them with new.

-全部的方法都缺乏內部[[Construct]]方法，若是你用new調用會報錯

• Calling the class constructor without new throws an error.

• 不使用new調用class會報錯

• Attempting to overwrite the class name within a class method throws an error.

• 在class方法內部重寫class名會報錯