对象方法赋值给变量后调用，this 会丢失——这不是 bug，而是 JavaScript 调用机制的必然结果；关键在于“谁在调用它”，脱离 obj.method() 点号调用时隐式绑定失效，this 回退至默认绑定。
对象方法赋值给变量后调用，this 会丢失——这不是 bug，而是 JavaScript 调用机制的必然结果。关键不在“函数写在哪”，而在于“谁在调用它”。只要脱离 obj.method() 这种点号调用形式，隐式绑定就失效，this 回退到默认绑定（严格模式下为 undefined，非严格模式下为全局对象）。
为什么别名引用会导致 this 丢失
函数是“一等公民”，赋值操作只是复制函数引用，不携带上下文：
-
obj.method是一个属性访问表达式，调用时引擎识别为“方法调用”，自动把this绑定到obj -
const fn = obj.method把函数本身赋给fn，此时fn和obj完全解耦 -
fn()是纯粹的独立函数调用，没有调用者对象，引擎只能按默认规则处理this
典型别名丢失场景
以下写法表面相似，但内部执行逻辑不同：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
-
obj.getName()→this指向obj（隐式绑定生效） -
const getName = obj.getName; getName();→this为undefined或window（隐式丢失） -
const { getName } = obj; getName();→ 同样丢失，解构本质也是属性提取+赋值 -
[1,2].map(obj.process)→map内部以普通函数方式调用process，this不再是obj
如何验证是否丢失
最直接的办法是在方法内部打印 this：
立即学习“Java免费学习笔记（深入）”；
- 期望输出实例对象，却看到
undefined、Window或其他无关对象 → 已丢失 - 可配合
console.log(this === obj)做布尔判断，更明确
修复 this 丢失的常用方式
核心思路是：把函数和它的调用上下文重新绑定起来。
-
箭头函数包装：
btn.addEventListener('click', () => obj.handleClick())—— 利用词法作用域捕获obj -
bind 预绑定：
const bound = obj.method.bind(obj); bound();—— 创建永久绑定的新函数 -
类字段箭头语法（ES2022+）：
handleClick = () => { ... }—— 方法定义即绑定，解构后仍可用 -
构造函数内绑定：
this.method = this.method.bind(this)—— 适用于类实例方法
