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

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

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

原创内容,盗版必究。本文作者:唐霜,转载请注明出处。本文版权归作者所有,未经授权不得转载。【作者:唐霜】
class Some {
get field() {}
}

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

【原创不易,请尊重版权】【版权所有,侵权必究】本文版权归作者所有,未经授权不得转载。原创内容,盗版必究。
if (key in some) ...

我自以为是的认为 key in some未经授权,禁止复制转载。原创内容,盗版必究。, key = ‘field【转载请注明来源】【转载请注明来源】’ 应该是 false,然而本文版权归作者所有,未经授权不得转载。【转载请注明来源】,返回结果是 true。然后我又分别 O【本文受版权保护】【本文首发于唐霜的博客】bject.keys, getOwnPr本文版权归作者所有,未经授权不得转载。【版权所有】唐霜 www.tangshuang.netopertyNames 去看 some 【访问 www.tangshuang.net 获取更多精彩内容】未经授权,禁止复制转载。的 keys,都没有 ‘fi本文版权归作者所有,未经授权不得转载。【版权所有】唐霜 www.tangshuang.neteld’ 呀?

本文作者:唐霜,转载请注明出处。著作权归作者所有,禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net【本文受版权保护】

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

【作者:唐霜】【作者:唐霜】【原创不易,请尊重版权】【作者:唐霜】

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

本文版权归作者所有,未经授权不得转载。【原创内容,转载请注明出处】本文版权归作者所有,未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】

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

【版权所有】唐霜 www.tangshuang.net【本文首发于唐霜的博客】【作者:唐霜】