JavaScript如何判断属性是自有属性还是原型属性？

在JavaScript中，你可以使用hasOwnProperty()方法来判断一个属性是否是对象的自有属性，而不是从原型链上继承的属性。

以下是一个例子：

let obj = {
  prop1: 'value1',
  prop2: 'value2'
};

console.log(obj.hasOwnProperty('prop1')); // 输出：true
console.log(obj.hasOwnProperty('prop2')); // 输出：true

console.log(obj.hasOwnProperty('toString')); // 输出：false，因为'toString'是从原型链上继承的

在这个例子中，obj对象有两个自有属性：prop1和prop2。当我们使用hasOwnProperty()方法检查这两个属性时，它会返回true，因为这些属性是obj的自有属性。然而，当我们尝试检查toString属性时，它返回false，因为toString是obj从原型链上继承的属性，而不是它的自有属性。

需要注意的是，hasOwnProperty()方法只能用于判断属性是否是对象的自有属性，而不能用于判断属性是否存在。如果你想检查一个属性是否存在（无论它是自有属性还是从原型链上继承的属性），你应该直接使用属性访问操作符（.或[]）。例如：

let obj = {
  prop1: 'value1'
};

console.log('prop1' in obj); // 输出：true
console.log('prop2' in obj); // 输出：false

在这个例子中，'prop1' in obj返回true，因为obj有一个名为prop1的属性（无论它是自有属性还是从原型链上继承的属性）。然而，'prop2' in obj返回false，因为obj没有任何名为prop2的属性。