为何无法在Object.defineProperty()中使用箭头函数？附可复现示例

先来看你给出的可正常运行的代码：

class Car {
  constructor(color) {
    this.color = color;
  }
}
Object.defineProperty(Car.prototype, 'getColor', {
  value: function() { // 此处使用普通函数
    return this.color
  },
  writable:false,
  configurable: true,
  enumerable: true
})
const redCar = new Car('red');
console.log(redCar.getColor()); //-> red

再补全你提到的存在问题的代码（把箭头函数补上）：

class Car {
  constructor(color) {
    this.color = color;
  }
}
Object.defineProperty(Car.prototype, 'getColor', {
  value: () => { // 此处使用箭头函数
    return this.color
  },
  writable:false,
  configurable: true,
  enumerable: true
})
const redCar = new Car('red');
console.log(redCar.getColor()); //-> undefined（浏览器环境下）或抛出错误

核心原因：箭头函数的this是静态绑定的 #

箭头函数和普通函数最大的区别之一就是对this的处理逻辑：

• 普通函数的this是动态绑定的：当你通过实例调用原型上的普通函数时，this会自动指向调用这个方法的实例（比如上面的redCar），所以能正确访问实例上的color属性。
• 箭头函数没有自己独立的this，它的this是继承自定义时的外层作用域：在这个例子里，箭头函数定义时的外层作用域是全局作用域（浏览器里是window，Node.js里是module.exports），而不是Car的实例。所以当你调用redCar.getColor()时，箭头函数里的this依然指向全局作用域，自然找不到color属性，最终返回undefined或者报错。

一句话总结 #

原型方法的核心需求是通过this动态指向调用它的实例，而箭头函数的this无法完成这种动态绑定，因此不能用箭头函数来定义Object.defineProperty里的原型方法。

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