是否有我应该使用 in 运算符而不是 hasOwnProperty() 的情况？

Question

在 JavaScript 中，in运算符检查对象是否具有指定的属性。但是，它不仅检查对象自身的属性，还检查原型链。因此，在某些情况下，它的行为可能不完全符合预期。

假设出于某种原因，我们有一个someArrayMethods包含（显然）一些数组方法作为键的对象：

const someArrayMethods = {
  indexOf: true,
  map: true,
};

我们可以使用in运算符检查该对象是否具有特定方法作为键：

console.log('indexOf' in someArrayMethods); // true
console.log('every' in someArrayMethods); // false

如果我们试图检查toString财产怎么办？

console.log('toString' in someArrayMethods); // true

惊喜！事实证明，这个对象在原型链中有一个toString方法，所以即使该对象没有自己的属性，in操作符true也会返回toString。

这hasOwnProperty()就是拯救的地方！它与in操作符几乎相同，只有一个区别：它不检查原型链。我们可以重写我们之前的例子：

console.log(someArrayMethods.hasOwnProperty('toString'));  // false

现在它按预期工作。不幸的是，hasOwnProperty()在一种情况下也可能失败。如果我们有一个拥有自己属性的对象 hasOwnProperty 怎么办？看这个例子：

const someObject = {
  hasOwnProperty() {
    return false;
  },
  theAnswer: 42,
};

// Does `someObject` has own property `theAnswer`?
console.log(someObject.hasOwnProperty('theAnswer')); // false
// Well, it seems it doesn't...

为了解决这个问题，someObject.hasOwnProperty我们可以直接从 引用该方法，而不是使用Object.prototype：

const hasOwn = Object.prototype.hasOwnProperty;
console.log(hasOwn.call(someObject, 'theAnswer')); // true

这似乎是检查对象是否具有某些属性的最合理方法。尽管如此，是否有任何情况下in运算符会有用？我知道它可以用来检查某个类的实例是否有某个方法，但在这种情况下，简单地检查该对象是否是该类的实例不是更好吗？

---

作为旁注，另一种选择是Object.keys()与 ECMAScript 2016一起使用Array.prototype.includes()：

console.log(Object.keys(someObject).includes('theAnswer')); // true

Answer 1

in是运营商，所以不能被劫持。您不必依赖于没有脚本更改或隐藏Object, Object.prototype, Object.prototype.hasOwnProperty, Object.prototype.hasOwnProperty.call。

这是了解对象是否具有某些属性的快速方法。我的意思是，如果obj.foo可以返回，例如，"bar"即使该foo属性是继承的，那么能够事先知道是否obj拥有该foo属性是有意义的，无论是拥有的还是继承的。

当然，如果我们只有 HasOwnProperty，我们可以（通常）继续调用 [[GetPrototypeOf]] 直到链的末尾，并检查每个对象。但这对编码来说会很乏味，可能比 native 慢in，而且在 ES5 之前是不可能的。

此外，还有一个根本的区别。的in操作者使用[[HasProperty]]内部方法，而使用HasOwnProperty [[GetOwnProperty]。对于非普通对象，迭代 [[GetOwnProperty]] 和 [[GetPrototypeOf]] 可能会产生与 [[HasProperty]] 不同的结果。

所以是的：in当您想调用对象的内部 [[HasProperty]] 方法时，该运算符很有用。事实上，除了Reflect.has，这是唯一正确的方法。

var p = new Proxy({}, {has: function() {
  console.log('Hooray!');
  return true;
}});
p.hasOwnProperty('foo'); // :(
'foo' in p; // Hooray! :)