对象解构不改变this绑定，解构后直接调用会丢失this；保持this的三种方式：点号调用、bind预绑定、箭头函数包装；类中推荐使用字段级箭头函数。
对象解构本身不会改变 this 的绑定，但容易让人误以为“解构出的方法”还带着原对象的上下文——其实它只是普通函数引用，调用时 this 会丢失。关键不是解构的问题，而是**解构后调用方式是否保留了隐式绑定**。
解构后直接调用会丢失 this
当你把对象方法解构出来再调用，就脱离了对象调用的语法结构，this 不再指向原对象：
-
❌ 错误写法：
const { getName } = user; getName();→ this 是undefined（严格模式）或window -
❌ 同样错误：
const [first] = [user.getName]; first();—— 解构数组也一样，只是取出了函数引用
保持 this 的三种可靠方式
核心思路：不让函数脱离对象调用链，或显式补回上下文：
Java Development Manual
下载
Java开发手册规约集合，基于阿里巴巴Java开发手册（嵩山版）。 涵盖7大维度：编程规约、异常日志、单元测试、安全规约、MySQL数据库、工程结构、设计规约。 当用户需要：(1) 编写或审查Java代码 (2) 检查命名/代码规范 (3) 处理异常和日志 (4) 编写单元测试 (5) 安全编码 (6) 数据库设...
-
点号调用不拆开：始终用
user.getName()，避免解构赋值后再调用 -
bind 预绑定：
const getName = user.getName.bind(user); getName();—— 绑定后可安全复用 -
箭头函数包装：
const getName = () => user.getName(); getName();—— 利用外层作用域访问user，绕过 this 机制
在回调或高阶函数中安全使用解构方法
比如传给 map、setTimeout 或事件监听器时，不能直接传解构后的函数：
-
❌ 危险：
btn.addEventListener('click', user.handleClick);—— 点击时 this 不是user -
✅ 推荐：
btn.addEventListener('click', () => user.handleClick()); -
✅ 或绑定：
btn.addEventListener('click', user.handleClick.bind(user));
类中更推荐字段级箭头函数
如果是在 class 内部定义方法，直接用箭头函数字段语法，从根源上避免解构风险：
class User { handleClick = () => { console.log(this.name); }; }- 这样即使
const { handleClick } = new User(); handleClick();也能正常工作，因为该函数已绑定到实例
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
