JavaScript中this指向函数调用时的执行上下文对象，取决于“谁调用了它”；普通调用时非严格模式下为全局对象、严格模式下为undefined；事件回调、定时器及方法赋值后易丢失this，可用箭头函数、bind或class字段语法解决。
JavaScript 中的 this 指向的是函数被**调用时**所在的执行上下文对象，不是定义时的环境。它不取决于函数写在哪，而取决于「谁调用了它」——这个动态性正是大多数陷阱的根源。
普通函数调用中的 this 指向全局或 undefined
在非严格模式下，独立调用函数（如 foo()）时，this 指向全局对象（浏览器中是 window）；严格模式下为 undefined。这容易导致意外访问或赋值。
- 避免裸调用：不要直接写
handler()，而要确保它绑定到正确的上下文 - 开启严格模式（
"use strict"），让错误更早暴露 - 把函数设计成纯函数（不依赖 this），或显式传入所需对象
事件回调和定时器里的 this 容易丢失
给 DOM 元素绑定事件或使用 setTimeout 时，回调函数通常以普通方式调用，this 不再指向原对象。
- 用箭头函数：
element.addEventListener('click', () => this.handleClick())（但注意：箭头函数不能改写 this，它继承外层作用域的 this） - 用
bind显式绑定：element.onclick = this.handleClick.bind(this) - 用 class 字段语法（ES2022+）：
handleClick = () => { ... }，天然绑定实例
对象方法被赋值后 this 断连
把对象方法提取出来单独使用（如 const fn = obj.method），再调用 fn()，this 就不再是 obj。
立即学习“Java免费学习笔记（深入）”；
- 调用时手动绑定：
fn.call(obj)、fn.apply(obj, [...args])或fn.bind(obj)() - 用解构配合立即调用：
const { method } = obj; method.call(obj) - 在构造函数或类初始化阶段就绑定：
this.method = this.method.bind(this)
箭头函数没有自己的 this，适合封装但不能用作构造器
箭头函数不创建自己的 this，而是沿作用域链向上找外层函数的 this。它无法通过 call/apply/bind 修改，也不能当构造函数（会报错）。
- 适合写在对象方法、事件处理、异步回调内部，保持外层实例上下文
- 不要用箭头函数定义对象方法（除非你明确不需要动态 this）
- 不要用箭头函数代替 class 构造器或原型方法
理解 this 的关键是记住：它由调用方式决定，不是定义位置。多用 console.log(this) 验证，优先选择显式绑定或箭头函数收口，比靠记忆规则更可靠。
