JavaScript判断对象属性：in运算符与hasOwnProperty的区别

在JavaScript中，判断一个对象是否拥有某个属性主要有两种方式，但它们在具体行为上存在细微差别。

使用in运算符检测属性

第一种方式是使用in运算符。

var obj = {name:'jack'}; 
alert('name' in obj); // --> true 
alert('toString' in obj); // --> true 

使用in运算符时，无论是对象自身的属性（如name），还是原型链上继承的属性（如toString），检测结果都会返回true。

使用hasOwnProperty方法检测属性

第二种方式是使用hasOwnProperty方法。

var obj = {name:'jack'}; 
obj.hasOwnProperty('name'); // --> true 
obj.hasOwnProperty('toString'); // --> false 

通过hasOwnProperty方法检测时，原型链上继承过来的属性无法被检测到，该方法会返回false。

需要注意的是，虽然in运算符能够检测到原型链上的属性，但在某些情况下，for...in循环可能无法遍历到这些属性。

当然，在重写原型后，for...in循环在IE9、Firefox、Safari、Chrome和Opera等浏览器中是可以看到这些属性的。

以上关于判断JS对象是否拥有某属性的方法推荐就是全部内容，希望能给大家提供参考，也希望大家多多支持本站。