如何理解JavaScript中的This_它的绑定规则有哪些

JavaScript 中的 this 在函数执行时根据调用方式动态决定：默认绑定（非严格模式指向全局，严格模式为 undefined）、隐式绑定（obj.method() 中 this 指向 obj）、显式绑定（call/apply/bind 手动指定）、new 绑定（优先级最高，指向新实例）。

JavaScript 中的 this 不是写代码时就确定的，而是在函数**真正执行的那一刻**，根据**调用方式**动态决定的。它不取决于函数定义在哪，也不等于函数自身或外层作用域，只看“谁在调用它”。

默认绑定：最基础的兜底规则

当函数以最普通的方式被调用，既没挂对象上、也没用 new、call/apply/bind 时，就触发默认绑定：

• 非严格模式下：this 指向全局对象（浏览器是 window，Node 是 global）
• 严格模式下：this 是 undefined（这是 ES5 设计的本意，防止意外污染全局）
• 常见例子：function foo() { console.log(this); } foo(); —— 直接调用，走默认绑定

隐式绑定：对象点号调用时的自然指向

函数作为对象的属性被调用，比如 obj.method()，这时 this 自动绑定到该对象：

• 关键看调用位置是否有“上下文对象”，即紧挨着点号（.）或方括号（[]）的那个对象
• 例如：const obj = { name: 'Alice', say() { console.log(this.name); } }; obj.say(); → 输出 Alice
• 注意“隐式丢失”：把方法赋给变量再调用，const fn = obj.say; fn(); 就不再有对象上下文，退回到默认绑定

显式绑定：手动指定 this 的三种方式

通过 call、apply、bind 主动传入一个对象作为 this 值：

标签： javascript java node 浏览器 app win 区别 作用域