hasOwnProperty函数

柔光的暖阳◎ 2022-05-31 10:22 193阅读 0赞

hasOwnProperty是Object.prototype的一个方法，它可是个好东西，他能判断一个对象是否包含自定义属性而不是原型链上的属性，因为hasOwnProperty 是 JavaScript 中唯一一个处理属性但是不查找原型链的函数。

// 修改Object.prototype

Object.prototype.bar = 1;

var foo = \{goo: undefined\};

foo.bar; // 1

'bar' in foo; // true

foo.hasOwnProperty('bar'); // false

foo.hasOwnProperty('goo'); // true

只有 hasOwnProperty 可以给出正确和期望的结果，这在遍历对象的属性时会很有用。 没有其它方法可以用来排除原型链上的属性，而不是定义在对象自身上的属性。

但有个恶心的地方是：JavaScript 不会保护 hasOwnProperty 被非法占用，因此如果一个对象碰巧存在这个属性，就需要使用外部的 hasOwnProperty 函数来获取正确的结果。

var foo = \{

hasOwnProperty: function() \{

return false;

\},

bar: 'Here be dragons'

\};

foo.hasOwnProperty('bar'); // 总是返回 false

// 使用\{\}对象的 hasOwnProperty，并将其上下为设置为foo

\{\}.hasOwnProperty.call(foo, 'bar'); // true

当检查对象上某个属性是否存在时，hasOwnProperty 是唯一可用的方法。同时在使用 for in loop 遍历对象时，推荐总是使用 hasOwnProperty 方法，这将会避免原型对象扩展带来的干扰，我们来看一下例子：

// 修改 Object.prototype

Object.prototype.bar = 1;

var foo = \{moo: 2\};

for(var i in foo) \{

console.log(i); // 输出两个属性：bar 和 moo

\}

我们没办法改变for in语句的行为，所以想过滤结果就只能使用hasOwnProperty 方法，代码如下：

// foo 变量是上例中的

for(var i in foo) \{

if (foo.hasOwnProperty(i)) \{

console.log(i);

\}

\}

这个版本的代码是唯一正确的写法。由于我们使用了 hasOwnProperty，所以这次只输出 moo。如果不使用 hasOwnProperty，则这段代码在原生对象原型（比如 Object.prototype）被扩展时可能会出错。

总结：推荐使用 hasOwnProperty，不要对代码运行的环境做任何假设，不要假设原生对象是否已经被扩展了。

发表评论取消回复

表情：

评论列表（有 0 条评论，193人围观）

还没有评论，来说两句吧...

相关阅读

相关了解hasOwnProperty

[https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global\_Objects/Obje

短命女/ 2023年01月24日 02:29/ 0 赞/ 107 阅读

相关 hasOwnProperty()

`hasOwnProperty()` 方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是，是否有指定的键）。 ![20201022135943697.png]

╰半橙微兮°/ 2022年12月17日 07:08/ 0 赞/ 97 阅读

相关 hasOwnProperty函数

hasOwnProperty是Object.prototype的一个方法，它可是个好东西，他能判断一个对象是否包含自定义属性而不是原型链上的属性，因为hasOwnPropert

柔光的暖阳◎/ 2022年05月31日 10:22/ 0 赞/ 194 阅读

相关 hasOwnProperty方法用法简介

hasOwnProperty表示是否有自己的属性。这个方法会查找一个对象是否有某个属性，但是不会去查找它的原型链。 ▍示例 var obj = {

红太狼/ 2022年04月15日 04:26/ 0 赞/ 271 阅读

相关 Object. hasOwnProperty方法

hasOwnProperty基本概念 hasOwnProperty() 方法会返回一个布尔值，指示对象自身属性中（非继承属性）是否具有指定的属性，如果 object

墨蓝/ 2022年04月02日 15:58/ 0 赞/ 297 阅读

相关 JavaScript 中的 hasOwnProperty() 方法

hasOwnProperty(name) 方法会返回一个布尔值，判断对象自身属性中是否含有指定的属性（含有返回 true，否则返回 false。记住，这里是属性啊，不是值！！因

蔚落/ 2022年02月27日 12:36/ 0 赞/ 267 阅读

相关细说 Javascript 对象篇（三） : hasOwnProperty

判断一个属性是定义在对象本身而不是继承自原型链，我们需要使用从 Object.prototype 继承而来的 hasOwnProperty 方法。 hasOwnProper

喜欢ヅ旅行/ 2021年12月16日 23:15/ 0 赞/ 235 阅读

相关 hasOwnProperty,instanceof,isPrototypeof

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <ti

心已赠人/ 2021年09月16日 04:00/ 0 赞/ 265 阅读

相关 hasOwnProperty()

hasOwnProperty()判断某一个属性是来源于本地属性还是继承与prototype对象的属性 <!DOCTYPE html> <html la

灰太狼/ 2021年09月16日 02:44/ 0 赞/ 330 阅读

相关 JavaScript 中 obj.hasOwnProperty(prop) 方法

[语法][Link 1] obj.hasOwnProperty(prop) [参数][Link 2] prop 要检测的属性的 [`String`][S

ゝ一世哀愁。/ 2021年09月08日 21:08/ 0 赞/ 468 阅读