作者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/cn.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