hasOwnProperty && in

最新推荐文章于 2024-05-28 16:02:45 发布

weixin_33755847

最新推荐文章于 2024-05-28 16:02:45 发布

阅读量58

点赞数

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5c32bb78e51d4551ce6a75a9

本文深入探讨了JavaScript中检查对象属性存在的两种方法：in运算符和hasOwnProperty方法。in运算符用于检测实例属性和原型链属性，而hasOwnProperty则专注于实例属性。通过具体代码示例，清晰展示了两者的使用场景及区别。

hasOwnProperty && in

in 的用法

用来检查对象中是否存在某个属性(不区分实例属性和原型链属性)

function Person(name) {
  this.name = name
}

Person.prototype.age = 18

Person.prototype.sayHi = function () {
  console.log('hello world');
}

let p1 = new Person()

console.log('name' in p1) // true
console.log('age' in p1) // true
console.log('sayHi' in p1) // true
复制代码

hasOwnProperty

function Animal(dog) {
  this.name = name
}

Animal.prototype.species = '陆地'

Animal.prototype.run = function() {
  console.log('跑的挺快');
}

let a1 = new Animal()

console.log(a1.hasOwnProperty('name')) // true
console.log(a1.hasOwnProperty('species')) // false
console.log(a1.hasOwnProperty('run')) // false
复制代码

总结：

in 运算符：检查对象中是否存在某个属性(不区分实例属性和原型链属性)；
hasOwnProperty 运算符：检查对象中是否存在某个属性(只检查实例属性)；

扩展：

判断原型链中是否存在某个属性的方法：

function isProperty(obj, property) {
  return  !obj.hasOwnProperty(property) && (property in obj)
}
复制代码

Object.create(null) 创建的对象，hasOwnProperty() 检测不到


  let ownObj = Object.create(null)

  ownObj.name = 'ml'

   console.log(ownObj);

   console.log('name' in ownObj); // true
  //  console.log(ownObj.hasOwnProperty('name')); // false
   console.log(Object.prototype.hasOwnProperty.call(ownObj, 'name')); // true
复制代码