如何使用 ES11 的 Object.hasOwn() 方法减少冗余代码

在前端开发中，经常需要用到对象的属性值。然而，在操作对象属性值的时候，经常会遇到一个问题，那就是对象可能会继承来自原型链上的属性，导致代码的不可靠性。为了解决这个问题，ES11 新增的 Object.hasOwn() 方法，可以帮助我们确定对象自身是否具有特定属性。本文将详细介绍使用 Object.hasOwn() 方法的方法，并提供示例代码。

什么是 Object.hasOwn() 方法

Object.hasOwn() 方法是 JavaScript 的内置对象方法，用于确定一个对象是否具有指定的自身属性。该方法是在 ECMAScript 2020 中引入的，也就是 ES11 版本中新增的方法。

如何使用 Object.hasOwn() 方法

Object.hasOwn() 方法非常简单，只需要为需要测试的对象提供属性键即可。该方法将返回一个布尔值，指示对象是否具有指定的自身属性。

Object.hasOwn() 方法的语法如下：

Object.hasOwn(obj, prop)

其中，obj 表示要测试的对象，prop 表示要测试的属性名称。如果 obj 具有自己的 prop 属性，则此方法返回 true。否则，此方法返回 false。

下面是一个简单的示例代码：

const person = {
  firstName: 'Foo',
  lastName: 'Bar'
};

console.log(Object.hasOwn(person, 'firstName')); // true
console.log(Object.hasOwn(person, 'age')); // false

在这个示例代码中，首先我们创建了一个名为 person 的对象，并为该对象定义了两个属性：firstName 和 lastName。然后，我们分别测试了 person 对象是否具有自己的 firstName 和 age 属性。由于 person 对象具有自己的 firstName 属性，因此第一次测试返回 true。但是由于 person 对象不具有自己的 age 属性，因此第二次测试返回 false。

Object.hasOwn() 方法的作用

Object.hasOwn() 方法可以帮助我们确定对象自身是否具有特定的属性。这对于编写高质量、可靠的代码非常重要。在开发过程中，我们经常需要访问对象的属性，但是在某些情况下，对象可能会继承来自原型链上的属性。如果我们使用错误的方法检查属性，可能会导致代码的不可靠性。使用 Object.hasOwn() 方法可以有效避免这种情况。同时，Object.hasOwn() 方法还可以帮助我们减少冗余代码，使代码具有更好的可读性和可维护性。

总结

Object.hasOwn() 方法是 ES11 中新增的方法，用于确定一个对象是否具有指定的自身属性。使用该方法可以避免对象继承来自原型链上的属性，从而保证代码的可靠性。使用 Object.hasOwn() 方法还可以帮助我们减少冗余代码，提高代码的可读性和可维护性。在进行前端开发时，建议开发人员大量使用 Object.hasOwn() 方法，以编写高质量、可靠的代码。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ca037e5ad90b6d04190281