JS in和Object.hasOwnProperty()的区别

inObject.hasOwnProperty()都可以用来检测对象中是否具有某个属性,它们最主要的区别在于前者不光检测当前对象,还会检测当前对象原型链中是否具有这个属性,后者只在当前对象自身上检测。

let a = { name: "zhangsan" }
let b = { age: 18 }
Object.setPropertyOf(a, b) // 把b设置为a的原型
console.log("name" in a) // true
console.log("age" in a) // true 因为b中有age属性
console.log(a.hasOwnProperty("name")) // true
console.log(a.hasOwnProperty("age")) // false

基于这个特点,通常我们遍历对象的时候会加上判断防止获取原型链上的属性

function Person() {
  this.name = "zhangsan"
  this.age = 19
  this.hobby = "football"
}

let p1 = new Person()
p1.name = "lisi"
// 不加Object.hasOwnProperty()
for (const key in p1) {
  console.log(key); // name, age, hobby
}
// 加上Object.hasOwnProperty()
for (const key in p1) {
  if (Object.hasOwnProperty(key)) {
    console.log(key); // name
  }
}
上一篇:判断对象属性是否存在的方法


下一篇:2021-07-01Object.hasOwn 替换掉 Object.prototype.hasOwnProperty