JavaScript 中什么是可枚举属性 (Enumerable)？

推荐答案

在 JavaScript 中，可枚举属性（Enumerable）是指那些可以通过 for...in 循环或 Object.keys() 方法遍历到的对象属性。默认情况下，通过对象字面量或构造函数创建的属性都是可枚举的。

本题详细解读

什么是可枚举属性？

可枚举属性是 JavaScript 对象中可以被枚举的属性。枚举通常指的是通过 for...in 循环或 Object.keys() 方法遍历对象的属性。如果一个属性是可枚举的，那么它会在这些遍历操作中出现。

如何定义可枚举属性？

在 JavaScript 中，对象的属性可以通过 Object.defineProperty() 或 Object.defineProperties() 方法来定义，并且可以指定属性的特性，包括 enumerable 特性。enumerable 特性决定了属性是否可枚举。

// www.javascriptcn.com code example
const obj = {};

Object.defineProperty(obj, 'name', {
  value: 'Alice',
  enumerable: true // 可枚举
});

Object.defineProperty(obj, 'age', {
  value: 25,
  enumerable: false // 不可枚举
});

console.log(Object.keys(obj)); // 输出: ['name']

在上面的例子中，name 属性是可枚举的，因此它出现在 Object.keys(obj) 的结果中，而 age 属性是不可枚举的，因此不会出现在结果中。

默认情况下属性的可枚举性

通过对象字面量或构造函数创建的属性默认是可枚举的：

const obj = {
  name: 'Alice',
  age: 25
};

console.log(Object.keys(obj)); // 输出: ['name', 'age']

在这个例子中，name 和 age 属性都是可枚举的。

不可枚举属性的用途

不可枚举属性通常用于隐藏对象的内部实现细节，或者用于定义一些不希望被遍历到的属性。例如，JavaScript 内置对象的原型方法通常都是不可枚举的，以防止在遍历对象时意外访问到这些方法。

console.log(Object.keys(Object.prototype)); // 输出: []

在这个例子中，Object.prototype 上的方法都是不可枚举的，因此 Object.keys(Object.prototype) 返回一个空数组。

总结

可枚举属性是 JavaScript 对象中可以通过 for...in 循环或 Object.keys() 方法遍历到的属性。通过 Object.defineProperty() 或 Object.defineProperties() 方法可以显式地定义属性的可枚举性。默认情况下，通过对象字面量或构造函数创建的属性都是可枚举的。