[問題] 怎麼forin出class的function name?

作者: givemoney (香榴槤)   2018-03-17 21:32:20
在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
作者: s25g5d4 (function(){})()   2018-03-17 21:55:00
ES6 的 class method 是 non-enumerable 的,不能用 forin 或 Object.keys() 去取得 method namehttps://jsfiddle.net/5xw6gas3/ 硬幹的話是這樣
作者: jackblack   2018-03-17 23:16:00
想問原 PO 為什麼要在建構函式 a 裡再 this.OuO.apply把 OuO 方法定義在 prototype 上就不用再定義一次物件實體自己的 OuO 了。而且 ES6 Class 定義的方法等同於定義在 prototype 上:a.prototype.OuO所以原 PO 的 class a 會等同於只把 OuO 定義在原型上的 function a。而 for-in 只會迭代 enumerable 屬性但 class method 是 non-enumerable 的如果原 PO 想和你第一個 function a 一樣定義物件實體的 OuO 方法,也可以在 ES6 Class 的 constructor 裡這樣寫:this.OuO = this.OuO.apply(this, ...args)https://codepen.io/anon/pen/RMGYXM?editors=0012只是這樣和 function a 裡再 this.OuO.apply 一樣怪 XD我發現我有一些沒說清楚的地方 Orz,已經回一篇來說了

Links booklink

Contact Us: admin [ a t ] ucptt.com