在 JavaScript 中，对象具有自有属性和继承属性。自有属性是直接在该对象上定义的属性，而继承属性则是来自该对象的原型链上。在某些场景中，我们需要获取对象的自有属性。ES8 中提供了 Object.getOwnPropertyNames() 方法来解决这个问题。
方法的介绍
Object.getOwnPropertyNames() 方法用于获取一个对象的自有属性名并返回一个由属性名组成的数组。该方法的语法如下所示：
Object.getOwnPropertyNames(obj)
其中，obj 是要获取自有属性名的对象。
示例代码
下面的示例代码演示了如何使用 Object.getOwnPropertyNames() 方法获取对象的自有属性名：
const obj = {
name: 'Tom',
age: 18
}
const properties = Object.getOwnPropertyNames(obj)
console.log(properties) // ['name', 'age']在上面的代码中，我们定义了一个对象 obj，它具有两个自有属性：name 和 age。然后，我们调用 Object.getOwnPropertyNames(obj) 方法，并将返回的数组赋值给 properties 变量。最后，我们在控制台中打印了 properties 变量，该变量的值为 ['name', 'age']，即 obj 的自有属性名数组。
深入了解
Object.getOwnPropertyNames() 方法还有一些需要注意的细节。首先，该方法不会返回可枚举属性的信息。在 JavaScript 中，对象属性分为可枚举和不可枚举两种。所谓可枚举属性是指能够通过 for...in 循环枚举出来的属性。Object.getOwnPropertyNames() 方法仅仅返回该对象的自有属性名，不包括其原型链上的属性名和可枚举属性。
其次，该方法还可以用于获取函数的参数名数组。在 ES6 中，我们就已经可以使用 Rest Parameters 在函数中传递不确定数量的参数。ES8 提供了更好的支持，可以通过 Object.getOwnPropertyNames() 方法获取任何函数的参数名数组：
function sum(a, b, ...args) {}
const params = Object.getOwnPropertyNames(sum)
console.log(params) // ['length', 'name', 'arguments']在上面的代码中，我们定义了一个名为 sum 的函数，该函数接收 a 和 b 两个参数，以及一个 Rest Parameters args，用于收集多余的参数。然后，我们调用 Object.getOwnPropertyNames(sum) 方法，并将返回的数组赋值给 params 变量。最后，我们在控制台中打印了 params 变量，该变量的值为 ['length', 'name', 'arguments']，即 sum 函数的参数名数组。
总结
Object.getOwnPropertyNames() 方法可以帮助我们获取对象的自有属性名和函数的参数名数组。在使用该方法时，需要注意该方法不会返回可枚举属性的信息，并且只能获取对象自有属性名，不包括其原型链上的属性名和可枚举属性。在实际开发中，我们可以通过该方法快速获取对象的自有属性名，并将其用于我们的业务逻辑中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648bd71048841e9894a236ea