javascript this是什么_它的指向如何确定_网络技术

javascript this是什么_它的指向如何确定

发布时间 - 2026-01-10 00:00:00 点击率：次

this指向取决于调用方式而非定义位置；call/apply/bind可显式绑定且优先级最高；普通调用时非严格模式指向全局，严格模式为undefined；箭头函数无this，继承词法作用域this。

JavaScript 中 `this` 指向谁，取决于函数怎么被调用

不是看函数在哪定义，也不是看它写在哪个对象里，而是看执行时的「调用方式」。同一个函数，不同调用方式下 this 可能完全不同。

`call`、`apply`、`bind` 会显式绑定 `this`

这三个方法直接指定函数运行时的 this 值，优先级高于其他规则（除了箭头函数）。

func.call(obj, arg1, arg2)：立即执行，this 指向 obj
func.apply(obj, [arg1, arg2])：立即执行，参数以数组传入
const bound = func.bind(obj)：返回新函数，this 永远绑定为 obj
多次 bind 无效，只有第一次生效

function logThis() {
  console.log(this);
}
const obj = { name: 'test' };
logThis.call(obj); // { name: 'test' }
logThis.bind({ x: 1 }).call({ y: 2 }); // 仍然是 { x: 1 }，第二次 call 不覆盖 bind 的 this

普通函数调用（非严格模式 vs 严格模式）

这是最容易出错的场景——没任何修饰地直接写 fn()：

非严格模式下：this 指向 window（浏览器）或 global（Node.js）
严格模式下：this 是 undefined
ES6 模块默认启用严格模式，所以模块内直接调用函数时 this 很可能是 undefined

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

箭头函数没有自己的 `this`

它不遵循上述任何规则，而是沿用定义时所在词法作用域的 this 值，且无法被 call/apply/bind 修改。

常用于事件回调、定时器中避免 this 丢失
不能用作构造函数（没有 prototype，调用 new 会报错）
在对象方法中写箭头函数，this 不指向该对象，而是外层作用域

const obj = {
  name: 'Alice',
  regular() {
    return this.name; // 'Alice'
  },
  arrow: () => {
    return this.name; // undefined（全局中 this 没有 name）
  }
};

真正麻烦的是嵌套函数 + 异步 + 类方法混合的场景，比如 setTimeout 里调用对象方法，或 React 类组件中事件处理函数忘记绑定 this。这时候别硬记规则，直接用 console.log(this) 看一眼最实在。

# react # javascript # es6 # java # js # node.js # node # 浏览器 # app # win # 作用域

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：Composer config --unset如何正确删除配

下一篇：javascript地图如何集成_如何调用第三方API

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher