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

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

今天遇到一个bug,实在有些困惑,就去查【作者:唐霜】【本文受版权保护】了一下MDN。事情的起源是这样:

未经授权,禁止复制转载。著作权归作者所有,禁止商业用途转载。【本文首发于唐霜的博客】【未经授权禁止转载】
class Some {
get field() {}
}

然后我在一个遍历中,做了如下判断:

【本文受版权保护】【作者:唐霜】【本文受版权保护】
if (key in some) ...

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

本文版权归作者所有,未经授权不得转载。【版权所有】唐霜 www.tangshu【版权所有,侵权必究】转载请注明出处:www.tangshuang.netang.net

问题的根源在于 class getter【原创内容,转载请注明出处】【未经授权禁止转载】 是定义在原型链上,也就是说 ̵未经授权,禁止复制转载。转载请注明出处:www.tangshuang.net6;field’ 并不在 s【原创不易,请尊重版权】本文版权归作者所有,未经授权不得转载。ome 这个实例上面,而是定义在原型链上【未经授权禁止转载】原创内容,盗版必究。的 getter 方法,所以 Objec本文版权归作者所有,未经授权不得转载。著作权归作者所有,禁止商业用途转载。t.keys, getOwnProper【未经授权禁止转载】【转载请注明来源】tyNames 当然都看不到这个属性。

未经授权,禁止复制转载。本文作者:唐霜,转载请注明出处。

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

转载请注明出处:www.tangshua【本文首发于唐霜的博客】【作者:唐霜】ng.net【关注微信公众号:wwwtangshua【未经授权禁止转载】著作权归作者所有,禁止商业用途转载。ngnet】【版权所有,侵权必究】【原创内容,转载请注明出处】

Object.keys, Object.本文作者:唐霜,转载请注明出处。未经授权,禁止复制转载。getOwnPropertyNames 【原创内容,转载请注明出处】未经授权,禁止复制转载。的区别也很简单,Object.getOw未经授权,禁止复制转载。【作者:唐霜】nPropertyNames 返回自己的【本文受版权保护】著作权归作者所有,禁止商业用途转载。属性列表,不包含原型链上游,而 Obje本文版权归作者所有,未经授权不得转载。【原创内容,转载请注明出处】ct.keys 最严格,只返回不包含原型本文作者:唐霜,转载请注明出处。本文版权归作者所有,未经授权不得转载。链上游且 enumerable 为 tr原创内容,盗版必究。【转载请注明来源】ue 的属性名列表。

本文作者:唐霜,转载请注明出处。著作权归作者所有,禁止商业用途转载。未经授权,禁止复制转载。【访问 www.tangshuang.n著作权归作者所有,禁止商业用途转载。未经授权,禁止复制转载。et 获取更多精彩内容】