怎样从上下文角度重新定义 JavaScript 的 this？

JavaScript 的 this 由调用方式动态决定：普通调用指向全局或 undefined，方法调用指向点号前对象，new 调用指向新实例，call/apply/bind 显式指定；箭头函数无 this，继承外层普通函数的 this；上下文丢失常见于赋值或回调，可用箭头函数、bind 或类字段语法修复。

JavaScript 的 this 不是由函数定义的位置决定，而是由函数**被调用时的上下文**（即调用方式）动态绑定的。理解它，关键不是记住“谁定义的”，而是看“谁调用的、怎么调用的”。

调用方式决定 this 指向

同一个函数，在不同调用形式下，this 会指向完全不同的对象：

• 普通调用（如 func()）：非严格模式下指向全局对象（浏览器中是 window），严格模式下为 undefined；
• 方法调用（如 obj.method()）：this 指向点号前的对象（obj）；
• new 调用（如 new Constructor()）：this 指向新创建的实例对象；
• call/apply/bind 显式绑定：this 由传入的第一个参数指定（bind 返回新函数，后续调用仍保持该绑定）。

箭头函数没有自己的 this

箭头函数不绑定 this，它会沿作用域链向上查找外层普通函数的 this 值，并继承该值——这个行为在事件回调、定时器、异步操作中特别关键：

• 普通函数作为回调时，常因调用脱离对象而丢失 this（如 setTimeout(obj.method, 100) 中 this 不再是 obj）；
• 改用箭头函数或 bind 可修复，因为箭头函数的 this 是词法绑定的，取决于定义时的外层上下文。

上下文丢失是常见陷阱

当把对象方法赋值给变量或传入其他函数时，就脱离了原始调用上下文：

立即学习“Java免费学习笔记（深入）”；

• const fn = obj.method; fn(); → this 不再是 obj；
• button.addEventListener('click', obj.handleClick); → 点击时 this 是 button，不是 obj；
• 解决方案包括：使用箭头函数包装、bind(obj)、类字段语法（handleClick = () => { ... }）、或在事件监听中用 event.currentTarget 替代 this。

判断 this 的实用思路

遇到不确定 this 指向时，按顺序问自己三个问题：

• 这个函数是箭头函数吗？→ 是：查外层最近的普通函数的 this；
• 它是通过 new、call、apply、bind 调用的吗？→ 是：按对应规则确定；
• 否则，看调用表达式左边有没有“对象.”？有：指向该对象；没有：按严格模式区分全局或 undefined。

不复杂但容易忽略