箭头函数在 Object.defineProperty 的 getter/setter 中会出问题，因其无自身 this，会捕获定义时外层的 this，而非被操作对象；正确做法是使用普通函数（如 get() { ... }）以确保 this 动态绑定到目标对象。
箭头函数本身没有自己的 this，它会沿作用域链向上捕获外层函数的 this 值。在 Object.defineProperty 中定义 getter/setter 时，若直接用箭头函数，会导致 this 指向错误（比如指向定义时的上下文，而非目标对象），从而引发属性访问异常或静默失败。
为什么箭头函数在 defineProperty 中会出问题
因为 getter/setter 的 this 应该绑定到被操作的对象（即属性所在的对象），而箭头函数无法动态绑定 this——它在定义时就固化了外层的 this。例如：
const obj = {};
const ctx = { value: 42 };
Object.defineProperty(obj, 'x', {
get: () => this.value // ❌ this 指向定义时的 ctx 或全局，不是 obj
});
此时访问 obj.x 不会返回 42，甚至可能报错或返回 undefined（取决于外层 this 是什么）。
正确写法：用普通函数代替箭头函数
getter/setter 必须使用普通函数（函数表达式或方法简写），才能让 JavaScript 在调用时把 this 正确绑定到当前对象：
立即学习“Java免费学习笔记（深入）”；
- 用
function() {}显式声明 - ES6+ 中可直接写
get() { ... }或set(val) { ... } - 避免在 getter/setter 内部再嵌套箭头函数来访问
this（除非你明确知道外层this是什么）
需要访问外部变量？用闭包 + 普通函数组合
如果确实需要“捕获”某个外部值（比如配置、缓存、依赖），不要靠箭头函数的 this，而是用闭包传参或保存变量：
const defaultConfig = { timeout: 5000 };
const obj = {};
Object.defineProperty(obj, 'apiTimeout', {
get: function() {
return defaultConfig.timeout; // ✅ 通过闭包访问，this 仍指向 obj
},
set(value) {
defaultConfig.timeout = Number(value) || 5000;
}
});
特殊情况：想让 getter 返回绑定后的函数？可以但别动 this
如果目标是返回一个已绑定 this 的方法（比如供外部调用），应在 getter 内部用 bind 或箭头函数封装返回值，而不是把整个 getter 写成箭头函数：
- 错误：
get: () => this.doSomething()（this 错） - 正确：
get() { return () => this.doSomething(); }（this 对，返回的箭头函数才捕获它） - 也正确：
get() { return this.doSomething.bind(this); }
