判断JS对象是否拥有某属性

三种种方式，其中 in 可以检测到原型继承过来的属性

1，in 运算符

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

可看到无论是name，还是原形链上的toString，都能检测到返回true。

 

2，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下是可见的。见：for in的缺陷

 

3，Object.hasOwn 方法 (ES2022 新增）

const book = {
  name: '心流: 最优体验心理学',
  author: ' [美] 米哈里·契克森米哈赖'
};
Object.hasOwn(book, 'name'); // return true
Object.hasOwn(book, 'toString'); // return false

可以看到 hasOwn 与 hasOwnProperty 一样效果，但更简洁，直接挂在 Object 上的静态方法。

 

补充：ES2022  Object.hasOwn