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

在 JavaScript 中，in 运算符和 Object.hasOwnProperty 方法都用于检查对象中是否存在指定的属性，但它们有一些区别：

1. in 运算符：

   • in 运算符用于检查对象中是否存在指定的属性名（包括原型链中的属性）。
   • 如果属性存在于对象本身或其原型链中，则返回 true，否则返回 false。
   • 例如，'propertyName' in obj 会检查 obj 及其原型链中是否有名为 'propertyName' 的属性。

   let obj = { a: 1, b: 2 };
   console.log('a' in obj); // 输出 true，因为 'a' 存在于 obj 中
   console.log('toString' in obj); // 输出 true，因为 'toString' 存在于 obj 的原型链中
   

2. Object.hasOwnProperty 方法：

   • Object.hasOwnProperty 是对象的方法，用于检查属性是否存在于对象自身，而不会检查原型链。
   • 如果属性是对象自身的直接属性（非继承属性），则返回 true，否则返回 false。

   let obj = { a: 1, b: 2 };
   console.log(obj.hasOwnProperty('a')); // 输出 true，因为 'a' 是 obj 自身的属性
   console.log(obj.hasOwnProperty('toString')); // 输出 false，因为 'toString' 不是 obj 自身的属性
   

总的来说，in 运算符会检查属性是否存在于对象及其原型链中，而 Object.hasOwnProperty 方法只检查属性是否存在于对象自身，不会检查原型链。