class语法不改变this绑定逻辑，仍遵循javascript四条this规则；class方法默认为原型上的普通函数，隐式绑定易丢失，需用箭头函数、bind或类字段箭头函数修复。

Class 语法本身不改变 this 的绑定逻辑，它只是函数声明的语法糖；真正起作用的仍是 JavaScript 原始的四条 this 绑定规则。class 中方法默认是普通函数，不是箭头函数，因此它们的 this 不自动绑定到实例——必须靠调用方式或手动干预来保障。

class 方法默认是隐式绑定，但极易丢失

在 class 内定义的方法（如 test() { ... }）本质是挂载到原型上的普通函数。当它被对象调用时（inst.test()），触发隐式绑定，this 指向实例；但一旦脱离对象上下文，就会退回到默认绑定。

• inst.test() → this 正确指向 inst
• const fn = inst.test; fn(); → this 变成 undefined（严格模式）或 window（非严格）
• button.addEventListener('click', inst.test) → 同样丢失，因为事件系统以独立方式调用该函数

三种主流修复方式及其适用场景

解决 class 方法 this 丢失，核心是确保调用时仍能维持对实例的引用：

• 箭头函数封装：写在事件注册处，语义清晰、ES6+ 推荐
  button.on('click', () => inst.test());
• bind 提前绑定：适合需要多次复用同一方法引用的场景
  button.on('click', inst.test.bind(inst));
• 类字段 + 箭头函数：将方法定义为实例属性，天然绑定 this
test = () => { console.log(this.integer); };
  这样即使解构或传入回调，this 也不会丢失

构造函数中 this 是 new 绑定，但漏掉 new 就会出大问题

class 构造函数（constructor）本质是函数，用 new 调用时触发 new 绑定，this 指向新创建的实例。但如果误写成 MyClass()（没加 new），就变成默认绑定：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

• 非严格模式下：this 指向 window，属性被意外挂到全局，造成污染
• 严格模式下：this 为 undefined，构造函数内赋值（如 this.name = 'xxx'）直接报错

现代 TypeScript 或 ESLint 可通过 new-cap 规则或 this: MyClass 类型注解提前拦截这类错误。

箭头函数在 class 中不参与 this 绑定，但要小心嵌套层级

class 内定义的箭头函数（包括类字段箭头方法、render 中的内联箭头等）没有自己的 this，它直接继承外层词法作用域的 this —— 通常是 class 实例本身。

• ✅ 正确：handler = () => this.setState(...);，this 指向实例
• ⚠️ 注意：如果箭头函数定义在普通函数内部（比如某个工具方法里），它的 this 继承的是那个普通函数执行时的 this，而非 class 实例，容易误判

不复杂但容易忽略

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南