in也会检查继承的属性，而hasOwnProperty则不是这样。

正如其他答案所指出的，hasOwnProperty将检查对象自身的属性，而在其中还将检查继承的属性。

新方法2021 - Object.hasOwn()取代Object.hasOwnProperty()

Object.hasOwn()旨在替代Object.hasOwnProperty()，是一个可用的新方法(但仍然不是所有浏览器都完全支持，如您可以在这里看到的- https://caniuse.com/?search=hasOwn ）

object . hasown()是一个静态方法，如果指定对象将指定的属性作为自己的属性，则返回true。如果该属性被继承，或不存在，则该方法返回false。

Const person = {name: 'dan'}; console.log(对象。hasOwn(person， 'name')) console.log(对象。hasOwn(person， 'age')) const person2 =对象。创建({性别:男性的}); console.log(对象。hasOwn(person2， 'gender'))

建议在Object.hasOwnProperty()方法上使用此方法，因为它也适用于使用Object.create(null)创建的对象以及覆盖继承的hasOwnProperty()方法的对象。虽然可以通过在外部对象上调用object .prototype. hasownproperty()来解决这类问题，但object . hasown()克服了这些问题，因此是首选的(参见下面的示例)

Let person = { hasOwnProperty: function() { 返回错误; }， 年龄:35 }; 如果对象。hasOwn(人，年龄)){ console.log (person.age);// true - hasOwnProperty()的补充不影响对象 ｝

let person = Object.create(null); 的人。年龄= 35岁; 如果对象。hasOwn(人，年龄)){ console.log (person.age);// true -无论对象是如何创建的都有效 ｝

更多关于Object的信息。hasOwn可以在这里找到:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwn

浏览器兼容性- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwn#browser_compatibility

第一个版本更短(特别是在变量重命名的最小化代码中)

a in b

vs

b.hasOwnProperty(a)

不管怎样，正如@AndreMeinhold所说，它们并不总是产生相同的结果。

你的回答非常棒。 我只是想提供一些东西，将节省你需要检查“hasOwnProperty”，而迭代一个对象。

当创建一个对象时，人们通常会这样创建:

const someMap = {}
// equivalent to: Object.create(Object.prototype)
// someMap.constructor will yield -> function Object() { [native code] }

现在，如果你想通过“someMap”进行迭代，你必须这样做:

const key
for(key in someMap ){
 if (someMap.hasOwnProperty(key)) { 
   // Do something
 }
}

这样做是为了避免迭代继承的属性。

如果你想创建一个简单的对象，它只会被用作“map”(即键值对)，你可以这样做:

const newMap = Object.create(null);
// Now, newMap won't have prototype at all.
// newMap.constructor will yield -> undefined

所以现在可以安全地这样迭代了:

for(key in cleanMap){
 console.log(key + " -> " + newMap [key]);
 // No need to add extra checks, as the object will always be clean
}

我在这里学到了这个很棒的技巧

in也会检查继承的属性，而hasOwnProperty则不是这样。

总之，hasOwnProperty()不查看原型，而In查看原型。

摘自O'Reilly高性能Javascript:

属性可以确定对象是否具有实例成员 使用hasOwnProperty()方法，并传入 成员名。来确定对象是否具有对对象的访问权 属性，则可以使用in操作符。例如:

var book = {
    title: "High Performance JavaScript",
    publisher: "Yahoo! Press" 
};

alert(book.hasOwnProperty("title"));  //true
alert(book.hasOwnProperty("toString"));  //false
alert("title" in book); //true 
alert("toString" in book); //true

在这段代码中，hasOwnProperty()在传入“title”时返回true 因为title是一个对象实例;时，该方法返回false 传入" toString "是因为它在实例中不存在。当 每个属性名与in操作符一起使用，结果为真 两次都是因为它搜索实例和原型。