[ javascript ] 推荐调用原型链上真正的方法

最新推荐文章于 2022-10-31 22:40:07 发布

ljw1412

最新推荐文章于 2022-10-31 22:40:07 发布

阅读量754

点赞数

CC 4.0 BY-SA版权

分类专栏：笔记文章标签： js

本文链接：https://blog.csdn.net/ljw1412/article/details/103520090

笔记专栏收录该内容

16 篇文章

订阅专栏

本文探讨了在JavaScript中检查对象属性存在的两种方法：使用obj.hasOwnProperty('a')与Object.prototype.hasOwnProperty.call(obj,'a')的区别。深入分析了为何后者更推荐，包括对象可能继承自null、hasOwnProperty方法被覆盖以及在原型链中被重新声明的情况。

// 不推荐
obj.hasOwnProperty('a')
// 推荐
Object.prototype.hasOwnProperty.call(obj,'a')

那为什么推荐需要使用原型链上真正的 hasOwnProperty 方法？

大概有以下几种原因：

1. obj 继承于null 而非 Object.prototype ，那也不存在 hasOwnProperty 方法。

2. hasOwnProperty 方法在 obj 中被重新声明。

/* JavaScript 并没有保护 hasOwnProperty 这个属性名，
   因此，当某个对象可能自有一个占用该属性名的属性是，
   就需要使用外部的 hasOwnProperty 获得正确的结果：
*/
var foo = {
  hasOwnProperty: function() {
    return false;
  },
  bar: 'Here be dragons'
};

foo.hasOwnProperty('bar'); // 始终返回 false

3. hasOwnProperty 方法在 obj 的原型链中被重新声明。