in 运算符和 Object.hasOwnProperty 方法有什么区别？

最新推荐文章于 2023-11-19 00:09:28 发布

紫微前端

最新推荐文章于 2023-11-19 00:09:28 发布

阅读量564

点赞数

分类专栏：前端知识加深文章标签：前端面试

本文链接：https://blog.youkuaiyun.com/liuhao9999/article/details/123659795

版权

前端知识加深专栏收录该内容

510 篇文章 ¥39.90 ¥99.00

订阅专栏

本文探讨JavaScript中`in`运算符与`Object.hasOwnProperty`方法的区别。hasOwnProperty只会检查对象自身属性，忽视原型链上的属性，返回布尔值。而`in`运算符则会检查对象及其原型链上是否存在指定属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

hasOwnPropert方法

hasOwnPropert()方法返回值是一个布尔值，指示对象自身属性中是否具有指定的属性，因此这个方法会忽略掉那些从原型链上继承到的属性。

看下面的例子：

Object.prototype.phone= '15345025546';

let obj = {
  name: '前端小智',
  age: '28'
}
console.log(obj.hasOwnProperty('phone')) // false
console.log(obj.hasOwnProperty('name')) // true

可以看到，如果在函数原型上定义一个变量phone，hasOwnProperty方法会直接忽略掉。

in 运算符

如果指定的属性在指定的对象或其原型链中，则in 运算符返回true。

还是用上面的例子来演示：

console.log('phone' in obj) // true

可以看到in运算符会检查它或者其原型链是否包含具有指定名称的属性。