js里面的Object.keys, getOwnPropertyNames, in 和 for…in

广告位招租
扫码页面底部二维码联系

今天遇到一个bug,实在有些困惑,就去查【原创内容,转载请注明出处】【原创内容,转载请注明出处】了一下MDN。事情的起源是这样:

【版权所有】唐霜 www.tangshuang.net原创内容,盗版必究。原创内容,盗版必究。【转载请注明来源】【转载请注明来源】
class Some {
get field() {}
}

然后我在一个遍历中,做了如下判断:转载请注明出处:www.tangshuang.net

原创内容,盗版必究。【版权所有,侵权必究】原创内容,盗版必究。
if (key in some) ...

我自以为是的认为 key in some【本文受版权保护】【版权所有,侵权必究】, key = ‘field【版权所有】唐霜 www.tangshuang.net【本文受版权保护】’ 应该是 false,然而本文版权归作者所有,未经授权不得转载。【版权所有,侵权必究】,返回结果是 true。然后我又分别 O原创内容,盗版必究。【版权所有,侵权必究】bject.keys, getOwnPr【本文首发于唐霜的博客】著作权归作者所有,禁止商业用途转载。opertyNames 去看 some 著作权归作者所有,禁止商业用途转载。本文作者:唐霜,转载请注明出处。的 keys,都没有 ‘fi本文作者:唐霜,转载请注明出处。【关注微信公众号:wwwtangshuangnet】eld’ 呀?

【原创不易,请尊重版权】本文版权归作者所有,未经授权不得转载。【版权所有】唐霜 www.tangshuang.net本文版权归作者所有,未经授权不得转载。

问题的根源在于 class getter【转载请注明来源】本文作者:唐霜,转载请注明出处。 是定义在原型链上,也就是说 ̵转载请注明出处:www.tangshuang.net【版权所有,侵权必究】6;field’ 并不在 s本文版权归作者所有,未经授权不得转载。【原创内容,转载请注明出处】ome 这个实例上面,而是定义在原型链上【关注微信公众号:wwwtangshuangnet】【本文首发于唐霜的博客】的 getter 方法,所以 Objec【本文首发于唐霜的博客】原创内容,盗版必究。t.keys, getOwnProper原创内容,盗版必究。本文版权归作者所有,未经授权不得转载。tyNames 当然都看不到这个属性。

未经授权,禁止复制转载。原创内容,盗版必究。本文版权归作者所有,未经授权不得转载。【本文首发于唐霜的博客】【本文首发于唐霜的博客】

另外,我把 in 和 for…未经授权,禁止复制转载。【本文受版权保护】;in 中的 in 搞混,导致按错误的理转载请注明出处:www.tangshuang.net本文版权归作者所有,未经授权不得转载。解执行错误的操作还是没有得到预期答案。f【访问 www.tangshuang.net 获取更多精彩内容】【原创不易,请尊重版权】or…in 会遍历对象以及对本文版权归作者所有,未经授权不得转载。未经授权,禁止复制转载。象原型链上 enumerable 为 t【转载请注明来源】【原创不易,请尊重版权】rue 的属性,从整条原型链查找这一点和原创内容,盗版必究。【原创内容,转载请注明出处】 in 一致,但 in 判断时忽略 en原创内容,盗版必究。【转载请注明来源】umerable。

【未经授权禁止转载】【作者:唐霜】转载请注明出处:www.tangshuang.net本文作者:唐霜,转载请注明出处。

Object.keys, Object.原创内容,盗版必究。著作权归作者所有,禁止商业用途转载。getOwnPropertyNames 【转载请注明来源】本文作者:唐霜,转载请注明出处。的区别也很简单,Object.getOw【转载请注明来源】【版权所有,侵权必究】nPropertyNames 返回自己的本文版权归作者所有,未经授权不得转载。【原创不易,请尊重版权】属性列表,不包含原型链上游,而 Obje【版权所有】唐霜 www.tangshuang.net【关注微信公众号:wwwtangshuangnet】ct.keys 最严格,只返回不包含原型著作权归作者所有,禁止商业用途转载。【关注微信公众号:wwwtangshuangnet】链上游且 enumerable 为 tr【原创内容,转载请注明出处】【访问 www.tangshuang.net 获取更多精彩内容】ue 的属性名列表。

【本文首发于唐霜的博客】【原创内容,转载请注明出处】【版权所有】唐霜 www.tangshuang.net