JavaScript中的this关键字指向什么_不同场景下它的行为有何不同？

this 指向函数调用时的执行上下文对象，取决于调用方式而非定义位置；全局非严格模式下指向 window 或 global，严格模式及 ESM 中为 undefined；普通调用时非严格模式指向全局对象、严格模式为 undefined；方法调用时指向点号左侧对象；箭头函数无 this，继承外层词法作用域的 this；call/apply/bind 可显式绑定 this；构造函数中 this 指向新实例。

this 指向的是函数被调用时的执行上下文对象，不是定义时的环境。它不取决于函数怎么写，而取决于函数怎么被调用。

全局环境中 this 指向 window（浏览器）或 global（Node.js）

在最外层非严格模式下，this 默认指向全局对象。浏览器中是 window，Node.js 中是 global。严格模式下则为 undefined。

• 普通脚本顶层：this === window（非严格）
• 模块顶层（ESM）：this 是 undefined（ESM 默认严格模式）

普通函数调用时 this 指向调用者（或 undefined）

直接调用函数（如 fn()），不带任何对象前缀，此时 this 的绑定取决于是否启用严格模式：

• 非严格模式：指向全局对象（window）
• 严格模式：指向 undefined

例如：function foo() { console.log(this); } foo(); —— 浏览器中输出 window（非严格）。

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

方法调用时 this 指向点号左边的对象

当函数作为对象的属性被调用（obj.method()），this 指向该对象（即“点前面的那个”）。

LobeHub

LobeChat brings you the best user experience of ChatGPT, OLLaMA, Gemini, Claude

302

查看详情

• const obj = { name: 'Alice', say() { console.log(this.name); } }; obj.say(); → 输出 Alice
• 如果把方法单独提取出来再调用：const fn = obj.say; fn();，就变成普通调用，this 不再是 obj

箭头函数没有自己的 this，继承外层作用域的 this

箭头函数不绑定 this，它会沿作用域链向上查找，使用定义时所在词法环境中的 this 值。

• 常用于解决回调中 this 丢失问题，比如事件监听、定时器、Promise 回调
• const obj = { val: 42, run() { setTimeout(() => console.log(this.val), 100); } }; → 正确输出 42（因为箭头函数捕获了外层 this）

显式绑定：call、apply、bind 可强制指定 this

这三个方法允许你手动传入一个对象作为函数运行时的 this 值。

• fn.call(obj, arg1, arg2)：立即执行，参数逐个传
• fn.apply(obj, [arg1, arg2])：立即执行，参数以数组形式传
• const boundFn = fn.bind(obj);：返回新函数，this 被永久绑定为 obj，后续调用不可更改

构造函数中 this 指向新创建的实例

使用 new 调用函数时，JavaScript 引擎会自动创建空对象，并将 this 绑定到该对象上，最后隐式返回它（除非显式返回其他对象）。

• function Person(name) { this.name = name; } const p = new Person('Bob'); → this 在函数体内指向 p
• 箭头函数不能用作构造函数，调用 new 会报错

基本上就这些。掌握关键在于记住：this 是动态的，看调用方式；箭头函数是例外，它不参与 this 绑定规则。

以上就是JavaScript中的this关键字指向什么_不同场景下它的行为有何不同？的详细内容，更多请关注php中文网其它相关文章！