作者givemoney (香榴槤)
看板Ajax
標題[問題] 怎麼forin出class的function name?
時間Sat Mar 17 21:32:20 2018
在ES5的時候我是這樣宣告物件的
function a(){
this.OuO.apply(this, arguments);
}
a.prototype.OuO = function(){
}
var b = new a()
for(var key in b){
console.log(key); //OuO
}
可以成功打印出OuO
但使用了ES6的Class變成
class a{
constructor(){ }
OuO(){
}
}
一樣new一個a
但forin卻什麼都沒有
這問題已經煩惱我一天惹 請各位神人幫忙QQ
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 123.194.180.238
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1521293543.A.3E9.html
1F：推 s25g5d4: ES6 的 class method 是 non-enumerable 的，不能用 for 03/17 21:55
2F：→ s25g5d4: in 或 Object.keys() 去取得 method name 03/17 21:55
感謝大大支援><
剛剛GOOGLE了Class 與 non-enumerable 有人提供了相對的方法
class a {
constructor(){
}
OuO(){
}
}
var b = new a;
console.log(Object.getOwnPropertyNames(b.constructor.prototype));
※ 編輯: givemoney (123.194.180.238), 03/17/2018 22:14:42
4F：推 jackblack: 想問原 PO 為什麼要在建構函式 a 裡再 this.OuO.apply 03/17 23:16
5F：→ jackblack: 把 OuO 方法定義在 prototype 上就不用再定義一次物件 03/17 23:18
6F：→ jackblack: 實體自己的 OuO 了。而且 ES6 Class 定義的方法等同於 03/17 23:19
7F：→ jackblack: 定義在 prototype 上：a.prototype.OuO 03/17 23:20
8F：→ jackblack: 所以原 PO 的 class a 會等同於只把 OuO 定義在原型上 03/17 23:23
9F：→ jackblack: 的 function a。而 for-in 只會迭代 enumerable 屬性 03/17 23:31
10F：→ jackblack: 但 class method 是 non-enumerable 的 03/17 23:39
11F：推 jackblack: 如果原 PO 想和你第一個 function a 一樣定義物件實體 03/17 23:43
12F：→ jackblack: 的 OuO 方法，也可以在 ES6 Class 的 constructor 裡 03/17 23:44
13F：→ jackblack: 這樣寫：this.OuO = this.OuO.apply(this, ...args) 03/17 23:44
15F：→ jackblack: 只是這樣和 function a 裡再 this.OuO.apply 一樣怪 XD 03/17 23:47
16F：推 jackblack: 我發現我有一些沒說清楚的地方 Orz，已經回一篇來說了 03/18 00:28