javascript this关键字指向谁_在不同上下文中如何确定？-js教程-PHP中文网

javascript this关键字指向谁_在不同上下文中如何确定？

紅蓮之龍

发布： 2025-12-20 21:21:08

原创

210人浏览过

JavaScript中this的指向取决于函数被调用时的上下文：裸调用时指向全局对象或undefined，对象方法调用时指向该对象，new调用时指向新实例，call/apply/bind可显式绑定，箭头函数则继承外层this。

javascript this关键字指向谁_在不同上下文中如何确定？

JavaScript 中 this 的指向不取决于函数定义的位置，而取决于函数**被调用时的上下文**。简单说：谁调用它，this 就指向谁（箭头函数除外）。

普通函数调用时：this 指向全局对象（非严格模式）或 undefined（严格模式）

直接写 func() 调用，没有点号、没有绑定、没有 new，就是“裸调用”。

非严格模式下：this 指向 window（浏览器）或 global（Node.js）
严格模式下：this 是 undefined

例如：

Content at Scale

SEO长内容自动化创作平台

154

查看详情

"use strict";
function foo() { console.log(this); }
foo(); // undefined

登录后复制

对象方法调用时：this 指向调用该方法的对象

当函数作为对象的属性被点号（.）或方括号（[]）调用时，this 指向那个对象。

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

obj.method() → this 是 obj
obj['method']() → 同样是 obj
注意：一旦把方法赋值给变量再调用，就丢失了对象绑定（变成裸调用）

例如：

const obj = {
  name: 'Alice',
  say() { console.log(this.name); }
};
obj.say(); // "Alice"
const fn = obj.say;
fn(); // undefined（严格模式），因为 this 不再是 obj

登录后复制

构造函数调用（new）时：this 指向新创建的实例

用 new 调用函数时，JS 引擎会自动创建空对象，并把 this 绑定到它身上，最后返回该对象。

new Foo() → this 是新生成的 Foo 实例
函数内部对 this 的赋值会添加到实例上

例如：

function Person(name) {
  this.name = name; // this 指向新实例
}
const p = new Person('Bob');
console.log(p.name); // "Bob"

登录后复制

显式绑定与箭头函数：call/apply/bind 和箭头函数不绑定 this

call、apply、bind 可以手动指定 this 值；而箭头函数没有自己的 this，它会沿作用域链向上找外层普通函数的 this。

func.call(obj, ...) → this 强制为 obj
const bound = func.bind(obj) → 返回的新函数永远以 obj 为 this
箭头函数的 this 在定义时就确定，无法被 call/bind 改变

例如：

const obj = { val: 42 };
function logThis() { console.log(this.val); }
logThis.call(obj); // 42

const arrow = () => console.log(this.val);
// 箭头函数 this 取决于外层作用域（比如全局）

登录后复制

基本上就这些。抓住“调用方式决定 this”这个核心，再结合是否是箭头函数，就能准确判断绝大多数情况。

以上就是javascript this关键字指向谁_在不同上下文中如何确定？的详细内容，更多请关注php中文网其它相关文章！