JS in和Object.hasOwnProperty()的区别

本文主要是介绍JS in和Object.hasOwnProperty()的区别，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

in和Object.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
  }
}

这篇关于JS in和Object.hasOwnProperty()的区别的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！