javascript中hasOwnProperty() 方法使用指南

前端技术 2023/09/05 JavaScript

概述

hasOwnProperty() 方法用来判断某个对象是否含有指定的自身属性。

语法
obj.hasOwnProperty(prop)

参数

•prop

•要检测的属性名称。

描述

所有继承了 Object.prototype 的对象都会从原型链上继承到 hasOwnProperty 方法，这个方法可以用来检测一个对象是否含有特定的自身属性，和 in 运算符不同，该方法会忽略掉那些从原型链上继承到的属性。

示例

例1：使用 hasOwnProperty 方法判断某对象是否含有特定的自身属性

下面的例子检测了对象 o 是否含有自身属性 prop：

复制代码 代码如下:

o = new Object();o.prop = \'exists\';function changeO() {
  o.newprop = o.prop;
  delete o.prop;}o.hasOwnProperty(\'prop\');  
  // 返回 true
  changeO();
   o.hasOwnProperty(\'prop\'); 
   // 返回 false

例2：自身属性和继承属性的区别

下面的例子演示了 hasOwnProperty 方法对待自身属性和继承属性的区别：

复制代码 代码如下:

o = new Object();o.prop = \'exists\';o.hasOwnProperty(\'prop\');           
 // 返回 true
 o.hasOwnProperty(\'toString\');        
 // 返回 false
 o.hasOwnProperty(\'hasOwnProperty\');  
 // 返回 false

例3：遍历一个对象的所有自身属性

下面的例子演示了如何在遍历一个对象的所有属性时忽略掉继承属性，注意这里 for..in 循环只会遍历可枚举属性，这通常就是我们想要的，直接使用 Object.getOwnPropertyNames() 方法也可以实现类似的需求。

复制代码 代码如下:

var buz = {
    fog: \'stack\'};
    for (var name in buz) {
    if (buz.hasOwnProperty(name)) {
        alert(\"this is fog (\" + name + \") for sure. Value: \" + buz[name]);
    }
    else {
        alert(name);
         // toString or something else   
         }}

例4: hasOwnProperty 方法有可能被遮蔽

如果一个对象拥有自己的 hasOwnProperty 方法, 则原型链上的同名方法会被遮蔽（shadowed）：

复制代码 代码如下:

var foo = {
    hasOwnProperty: function() {
        return false;
    },
    bar: \'Here be dragons\'};foo.hasOwnProperty(\'bar\');
    // 始终返回 false
    // 如果担心这种情况，可以直接使用原型链上真正的 hasOwnProperty 方法
    ({}).hasOwnProperty.call(foo, \'bar\');
    // true
    Object.prototype.hasOwnProperty.call(foo, \'bar\');
    // true

以上就是本文所述的全部内容了，希望大家能够喜欢。

本文地址：https://www.stayed.cn/item/14208

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案