看板 Ajax 關於我們 聯絡資訊
在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://www.ptt.cc/bbs/Ajax/M.1521293543.A.3E9.html
s25g5d4: ES6 的 class method 是 non-enumerable 的,不能用 for 03/17 21:55
s25g5d4: in 或 Object.keys() 去取得 method name 03/17 21:55
s25g5d4: https://jsfiddle.net/5xw6gas3/ 硬幹的話是這樣 03/17 22:07
感謝大大支援>< 剛剛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
jackblack: 想問原 PO 為什麼要在建構函式 a 裡再 this.OuO.apply 03/17 23:16
jackblack: 把 OuO 方法定義在 prototype 上就不用再定義一次物件 03/17 23:18
jackblack: 實體自己的 OuO 了。而且 ES6 Class 定義的方法等同於 03/17 23:19
jackblack: 定義在 prototype 上:a.prototype.OuO 03/17 23:20
jackblack: 所以原 PO 的 class a 會等同於只把 OuO 定義在原型上 03/17 23:23
jackblack: 的 function a。而 for-in 只會迭代 enumerable 屬性 03/17 23:31
jackblack: 但 class method 是 non-enumerable 的 03/17 23:39
jackblack: 如果原 PO 想和你第一個 function a 一樣定義物件實體 03/17 23:43
jackblack: 的 OuO 方法,也可以在 ES6 Class 的 constructor 裡 03/17 23:44
jackblack: 這樣寫:this.OuO = this.OuO.apply(this, ...args) 03/17 23:44
jackblack: 只是這樣和 function a 裡再 this.OuO.apply 一樣怪 XD 03/17 23:47
jackblack: 我發現我有一些沒說清楚的地方 Orz,已經回一篇來說了 03/18 00:28