J*aScript中的`this`关键字在不同上下文中的指向如何确定？

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

J*aScript中的`this`关键字在不同上下文中的指向如何确定？

2025-10-12

浏览次数：次

返回列表

this指向由函数调用方式决定。1. 全局环境中this指向window（浏览器）或global（Node.js）；2. 独立函数调用时，非严格模式下this为全局对象，严格模式下为undefined；3. 作为对象方法调用时，this指向调用该方法的对象；4. 构造函数中this指向新创建的实例；5. 箭头函数无独立this，继承外层作用域的this；6. call、apply、bind可显式绑定this值。核心原则：调用方式决定this，箭头函数除外。

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

J*aScript中的this指向取决于函数的调用方式，而不是定义时的位置。理解this的关键是看函数在哪里被调用以及如何被调用。

1. 全局上下文中的 this

在全局执行环境中（浏览器中），无论是否在严格模式下，this都指向全局对象。

浏览器中，全局对象是 window
Node.js 中，全局对象是 global

例如：

console.log(this === window); // true（在浏览器中）

2. 函数调用中的 this

函数独立调用时，this的值取决于是否启用严格模式。

非严格模式：this 指向全局对象（window）
严格模式（"use strict"）：this 为 undefined

示例：

function foo() {
  console.log(this);
}
foo(); // 非严格模式输出 window，严格模式输出 undefined

3. 对象方法中的 this

当函数作为对象的方法被调用时，this指向该对象。

例如：

const obj = {
  name: 'Alice',
  greet() {
    console.log(this.name);
  }
};
obj.greet(); // 输出 'Alice'

注意：如果把方法赋值给变量再调用，this 会丢失绑定。

秀脸FacePlay

一款集成AI换脸、照片跳舞等多种AI特效玩法的App

124 查看详情秀脸FacePlay

const func = obj.greet;
func(); // 输出 undefined（严格模式）或 window.name（非严格）

4. 构造函数中的 this

使用 new 调用函数时，this 指向新创建的实例对象。

例如：

function Person(name) {
  this.name = name;
}
const p = new Person('Bob');
console.log(p.name); // 'Bob'

5. 箭头函数中的 this

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

这意味着箭头函数中的 this 在定义时就确定了，无法通过 call、apply 或 bind 改变。

例如：

const obj = {
  value: 42,
  normalFunc: function() {
    console.log(this.value);
  },
  arrowFunc: () => {
    console.log(this.value);
  }
};
obj.normalFunc(); // 42
obj.arrowFunc();  // undefined（继承的是外层的 this）

6. 显式绑定：call、apply、bind

可以通过这些方法显式指定函数执行时的 this 值。

call(thisArg, arg1, arg2, ...)：立即调用，参数逐个传入
apply(thisArg, [argsArray])：立即调用，参数以数组形式传入
bind(thisArg, arg1, arg2, ...)：返回新函数，this 固定为指定值

示例：

function showName() {
  console.log(this.name);
}
const user = { name: 'Charlie' };
showName.call(user); // 'Charlie'

基本上就这些情况。掌握 this 的核心是记住：它由调用方式决定，不是函数定义位置。箭头函数是个例外，它的 this 是词法继承的。

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

# 如何实现 # 芝罘网站优化 # 鞍山微信营销推广价格 # 泉州个性化营销推广工具 # 视频营销型网站建设方案 # 佛山全网营销型网站建设 # 徐州网站引流推广方案 # 抖音推广电话营销 # 山东网站建设申请费用 # 山东淘宝网站推广好选择 # 桐城seo优化有哪些 # 器中 # 的是 # 局对 # 自己的 # javascript # 如何用 # 模式下 # 如何使用 # 可以使用 # 绑定 # 作用域 # win # app # 浏览器 # node # node.js # js # java

相关栏目：【科技资讯46185 】【网络学院92790 】

上一篇：J*aScript如何动态切换HTML视频源_JS动态更换HTML视频src属性方法

下一篇：如何用css框架Bootstrap快速搭建页面

首页

关于我们

产品展示

咨询研究

新闻中心

留言板

联系我们

新闻中心 NEWS CENTER

J*aScript中的`this`关键字在不同上下文中的指向如何确定？

1. 全局上下文中的 this

2. 函数调用中的 this

3. 对象方法中的 this

4. 构造函数中的 this

5. 箭头函数中的 this

6. 显式绑定：call、apply、bind