共计 1401 个字符,预计需要花费 4 分钟才能阅读完成。
hasOwnProperty() 方法会返回一个布尔值,这个方法可以用来检测一个对象是否含有特定的自身(非继承)属性。
1、for…in 循环时为什么要在里面加上 if(obj.hasOwnProperty(name))的判断
这段代码的意思是:判断一个对象里是否含有某个非继承属性。
for…in 循环会遍历所有可枚举属性,加上 hasOwnProperty()方法,可以忽略掉继承属性,这样就能确保遍历的是 Obj 的可枚举的自身属性。
适用于:含有继承属性的对象,也就是除了 Object 的所有对象
看下面的例子:
function foo() {
this.name = ‘foo’
this.sayHi = function () {
console.log(‘Say Hi’)
}
}
foo.prototype.sayGoodBy = function () {
console.log(‘Say Good By’)
}
let myPro = new foo()
console.log(myPro.name) // foo
console.log(myPro.hasOwnProperty(‘name’)) // true
console.log(myPro.hasOwnProperty(‘toString’)) // false
console.log(myPro.hasOwnProperty(‘hasOwnProperty’)) // fasle
console.log(myPro.hasOwnProperty(‘sayHi’)) // true
console.log(myPro.hasOwnProperty(‘sayGoodBy’)) // false
console.log(‘sayGoodBy’ in myPro) // true
2、为什么有的地方用 Object.prototype.hasOwnProperty.call(obj,name)
Javascript 并没有保护 hasOwnProperty 为关键字或保留字。因此,会有这样一种情况:对象自己改写了 hasOwnProperty 方法,比如下面代码中该方法永远返回 false。如果另一个不知情的人使用了 foo,并想通过 foo.hasOwnProperty 判断 foo 是否含有某个属性时就会永远返回 false,这显然是有问题的。
这时候可以借助于 Object.prototype.hasOwnProperty 或{}.hasOwnProperty 来判断对象是否含有某个非继承属性。
适用于:不确定 Object 类型变量是否改写了 hasOwnProperty 的情况
var foo = {
hasOwnProperty: function() {
return false;
},
bar: ‘Here be dragons’
};
foo.hasOwnProperty(‘bar’); // 总是返回 false
// 使用另一个 hasOwnProperty 并将 this 设置为 foo 来调用它
{}.hasOwnProperty.call(foo, ‘bar’); // true
3、总结
建议增加 hasOwnProperty 进行判断,可以有效避免扩展本地原型而引起的错误
如果对一个 Object 类型的内部属性不是很确定,可以通过 {}.hasOwnProperty.call(obj,name) 或 Object.prototype.hasOwnProperty.call(obj,name)的方式判断