必须用普通函数：当方法需访问实例属性、调用实例方法或作为异步回调时，因其有独立this绑定；适合用箭头函数：用于闭包式绑定场景，如构造函数中赋值事件处理器或私有逻辑回调，天然继承外层this。
在复杂类结构中混用箭头函数与普通函数，核心在于明确两者的本质差异：普通函数有独立的 this 绑定（运行时决定），而箭头函数没有自己的 this（词法继承外层作用域）。混用不是“能不能”，而是“该不该”——关键看是否需要访问实例上下文、是否要被当作回调或事件处理器、是否需被重绑定。
什么时候必须用普通函数？
当方法需要访问实例属性、调用其他实例方法，或可能被作为回调传入异步操作（如 setTimeout、addEventListener、数组方法）时，普通函数更安全可控：
- 定义在类体内的方法默认是普通函数，
this指向调用它的实例（除非被显式.bind()或解构丢失） - 若方法需被多次复用或动态绑定（如
button.addEventListener('click', this.handleClick)），应确保它不依赖箭头函数的词法this，否则容易因调用方式不同导致this错乱 - 构造函数中手动赋值的普通函数（如
this.handleInput = function() { ... }）可配合.bind(this)显式固化this
什么时候适合用箭头函数？
箭头函数最适合用于“闭包式绑定”，即天然需要捕获当前实例上下文的场景，且不希望 this 被后续调用改变：
- 在构造函数中直接赋值：
this.onClick = () => this.doSomething()—— 此时this永远指向实例，无需额外绑定，适合传给 React 事件或 DOM 监听器 - 定义私有逻辑回调（如
fetch().then(() => this.updateState())），避免手动写.bind(this)或用变量暂存const self = this - 嵌套类或子类中需稳定引用父实例时，箭头函数能绕过原型链上
this的不确定性
混用时的典型陷阱与规避方式
常见问题不是语法错误，而是 this 意外丢失或指向错误对象：
立即学习“Java免费学习笔记（深入）”；
- 不要在类字段中用箭头函数定义“方法”再期望它被继承或重写：子类无法覆盖类字段上的箭头函数，因其本质是实例属性而非原型方法
-
避免在装饰器或高阶函数中盲目替换：例如用
@bound装饰器修饰箭头函数无效，因箭头函数不能被bind -
警惕解构赋值导致的
this脱离：如const { handleClick } = instance后调用handleClick()会丢失this；此时用箭头函数字段或bind更稳妥
一个清晰的实践建议
按职责分层选择：
- 公共接口方法（供外部调用或继承）：用普通函数定义在原型上，保证可覆盖、可绑定、语义清晰
- 内部回调/事件处理器（只在本实例内使用）：优先用箭头函数字段，省去绑定开销，提升可读性
-
需要动态
this的场景（如Array.prototype.map中需访问实例状态）：用普通函数 + 显式bind(this)，或改用箭头函数闭包
