关于javascript的Object. hasOwnProperty，看我就够了

mtunique 发布于2019-08-23 12:39 / 2245人阅读

摘要：基本概念方法会返回一个布尔值，指示对象自身属性中非继承属性是否具有指定的属性，如果具有带指定名称的属性，则方法返回，否则返回。此方法不会检查对象原型链中的属性该属性必须是对象本身的一个成员。使用语法参数，必需。

hasOwnProperty基本概念

hasOwnProperty() 方法会返回一个布尔值，指示对象自身属性中（非继承属性）是否具有指定的属性，
如果 object 具有带指定名称的属性，则 hasOwnProperty 方法返回 true，否则返回 false。此方法不会检查对象原型链中的属性；该属性必须是对象本身的一个成员。

使用语法

obj.hasOwnProperty(prop)

参数

obj，必需。对象的实例。
prop，必需。一个属性名称的字符串值。

demo 判断自身属性是否存在

//实例化一个对象
const obj = new Object();
//为obj添加属性name
obj.name = "陌上寒";
//为obj添加属性sex
obj.sex="male"

const a = obj.hasOwnProperty("name");
console.log(a);// true
//删除obj的name属性
delete obj.name
const b = obj.hasOwnProperty("name");
console.log(b); // false
const c = obj.hasOwnProperty("sex");
console.log(c); //  true

无法通过obj.hasOwnProperty(prop)判断继承属性

obj= new Object();
obj.name = "陌上寒";
const a = obj.hasOwnProperty("name");
console.log(a);//true
const b = obj.hasOwnProperty("toString");
console.log(b);//false
const c = obj.hasOwnProperty("hasOwnProperty");
console.log(c);//false

如果要判断继承属性，通过原型链prototype判断

const d = Object.prototype.hasOwnProperty("toString")
console.log(d);//true
const e = String.prototype.hasOwnProperty("split")
console.log(e);//true

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

通过for...in循环对象的所有枚举属性，然后再使用hasOwnProperty()方法来忽略继承属性。
换一种写法

const obj ={
    name:"陌上寒",
    sex:"male"
}
for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
        console.log(`${key}: ${obj[key]}`)
    }
    else 
        console.log(key); 
    }
}

输出

JavaScript 并没有保护 hasOwnProperty 属性名,使用起来可能会有坑

const foo = {
    hasOwnProperty: function() {
        return false;
    },
    bar: "这是一个坑，可能永远返回false"
};
const hasBar = foo.hasOwnProperty("bar"); 
console.log(hasBar);// 始终返回 false

// 如果担心这种情况，可以直接使用原型链上真正的 hasOwnProperty 方法
const a = ({}).hasOwnProperty.call(foo, "bar"); // true
console.log(a);
// 也可以使用 Object 原型上的 hasOwnProperty 属性
const b = Object.prototype.hasOwnProperty.call(foo, "bar"); // true
console.log(b);

原文地址
参考链接：
Object.prototype.hasOwnProperty()")
hasOwnProperty 方法 (Object) (JavaScript).aspx "hasOwnProperty 方法 (Object) (JavaScript)")
js属性对象的hasOwnProperty方法

GPU云服务器云服务器关于javascript的问题 javascript object 阿里云从哪看我购买的服务器那我就

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98910.html

关于javascript的原型和原型链，看我就够了（一）

摘要：要用作原型的对象。函数对象可以创建普通对象，这个我们上面讲过了回顾一下这是一个自定义构造函数普通对象没法创建函数对象，凡是通过创建的对象都是函数对象，其他都是普通对象通常通过创建，可以通过来判断。关于js的原型和原型链，有人觉得这是很头疼的一块知识点，其实不然，它很基础，不信，往下看要了解原型和原型链，我们得先从对象说起创建对象创建对象的三种方式：对象直接量通过对象直接量创建...

MoAir 2019-08-23 12:43 评论0 收藏0
关于javascript的原型和原型链，看我就够了（二）

摘要：原文链接关于的原型和原型链，看我就够了一参考链接闯关记之原型及原型链之原型与原型链一篇文章带你理解原型和原型链彻底理解原型链一的默认指向图解和的三角关系原型和原型链三张图搞懂的原型对象与原型链温故创建对象的三种方式通过对象直接量通过new创建对象通过Object.create() js中对象分为两种函数对象普通对象仔细观察如下代码 function Foo(na...

eccozhou 2019-08-23 12:44 评论0 收藏0
关于javascript的原型和原型链，看我就够了（三）

摘要：对于中的引用类型而言，是保存着它们所有实例方法的真正所在。高级程序设计构造函数陌上寒原型对象有一个属性，指向该原型对象对应的构造函数为什么有属性那是因为是的实例。温故我们先回顾一下前两天讨论的内容创建对象的三种方式通过对象直接量通过new创建对象通过Object.create() js中对象分为两种函数对象普通对象原型对象prototype 每一个函数对象都...

joyvw 2019-08-23 12:45 评论0 收藏0
深入理解JavaScript，这一篇就够了

摘要：也就是说，所有的函数和构造函数都是由生成，包括本身。如果只考虑构造函数和及其关联的原型对象，在不解决悬念的情况下，图形是这样的可以看到，每一个构造函数和它关联的原型对象构成一个环，而且每一个构造函数的属性无所指。前言　　JavaScript 是我接触到的第二门编程语言，第一门是 C 语言。然后才是 C++、Java 还有其它一些什么。所以我对 JavaScript 是非常有感情的，毕...

villainhr 2019-08-26 17:04 评论0 收藏0