如何使用Object.defineProperty方法自定义JavaScript中Array的行为？

首先得明确：这种修改Array原型的操作完全是实验用途，绝对不能在生产环境中使用——它会污染所有数组的行为，导致不可预测的问题，你自己也提到这是为了深入理解JS，这点非常好！

回到你的问题：你不能把Symbol.iterator替换成this，因为Object.defineProperty的第二个参数是要定义/修改的属性名称，我们要修改的是Array原型上的迭代器方法，这个方法的键就是Symbol.iterator（它是JS内置的符号，用于定义对象的迭代行为），所以必须写Symbol.iterator。

下面是完整的实现代码，能让console.log([1, 2, 3])输出[2, 4, 6]：

'use strict';

// 先保存原有的迭代器方法，方便后续恢复（实验完记得改回去！）
const originalIterator = Array.prototype[Symbol.iterator];

// 重写Array原型的Symbol.iterator方法
Object.defineProperty(Array.prototype, Symbol.iterator, {
  value: function*() {
    // 调用原迭代器遍历数组元素，每个元素乘以2后yield出去
    for (const item of originalIterator.call(this)) {
      yield item * 2;
    }
  },
  // 确保属性是可枚举、可配置的，和原属性保持一致
  enumerable: false,
  configurable: true,
  writable: true
});

// 测试一下
console.log([1, 2, 3]); // 输出: [2, 4, 6]

// 实验结束后记得恢复原方法，避免影响其他代码
// Array.prototype[Symbol.iterator] = originalIterator;

关键细节解释： #

• 我们用生成器函数function*()来实现新的迭代器，这样可以方便地遍历原数组元素并转换后返回。
• 调用originalIterator.call(this)是为了在当前数组实例上使用原迭代器，避免递归调用我们重写的方法。
• console.log在输出数组时，会内部调用数组的迭代器来获取元素，所以修改迭代器就能改变它的输出内容。
• 除了console.log，所有依赖数组迭代器的操作（比如for...of循环、[...arr]扩展运算符、Array.from(arr)等）都会受到同样的影响，这也是这种修改的“危险”之处——它会全局改变数组的行为。

再次强调：这只是用于理解JS原型、迭代器机制的实验，实际开发中绝对不要这么做！

内容的提问来源于stack exchange，提问作者shu