登录
首页 >  文章 >  前端

this关键字在JavaScript中用于指向当前执行上下文中的对象。它的指向取决于函数的调用方式,常见的有以下几种情况: 1. **普通函数调用**:`this`指向全局对象(在浏览器中是`window`,在Node.js中是`global`),但在严格模式下`this`为`undefined`。 2. **作为对象的方法调用**:`this`指向调用该方法的对象。 3. **构造函数调用

时间:2026-05-19 16:00:40 308浏览 收藏

推广推荐
前往下载Windows工具 ➜
支持 PC / 移动端,安全直达
JavaScript中的this并非静态绑定,而是动态决定于函数的调用方式——普通调用时受严格模式影响指向全局对象或undefined,作为对象方法调用时指向调用者本身,通过call/apply/bind可手动指定,而箭头函数则彻底放弃自身this,直接继承外层词法作用域的this值;掌握这五种典型场景,就能精准预判this指向,避开常见陷阱,写出更可靠、易维护的代码。

如何理解this关键字_javascript中它的指向如何确定?

JavaScript 中的 this 指向不是定义时决定的,而是**调用时确定的**。它取决于函数以什么方式被调用,而不是函数写在哪、怎么声明的。

普通函数调用(非严格模式 vs 严格模式)

直接调用函数,比如 foo(),此时 this 的值由是否开启严格模式决定:

  • 非严格模式下,this 指向全局对象(浏览器中是 window,Node.js 中是 global
  • 严格模式下,thisundefined

作为对象方法调用

当函数作为对象的属性被调用,例如 obj.method()this 指向该对象(即点号左边的对象):

  • const obj = { name: 'Alice', say() { console.log(this.name); } }; obj.say(); // 'Alice'
  • 注意:如果把方法单独提取出来再调用,比如 const fn = obj.say; fn();,就变成普通调用了,this 不再指向 obj

使用 call / apply / bind 显式绑定

这三个方法可以手动指定 this 的值:

  • fn.call(obj, arg1, arg2) —— 立即执行,this 绑定为 obj
  • fn.apply(obj, [arg1, arg2]) —— 同上,参数以数组形式传入
  • const boundFn = fn.bind(obj) —— 返回一个新函数,永久绑定 thisobj

箭头函数没有自己的 this

箭头函数不绑定 this,它会沿作用域链向上查找外层普通函数的 this 值(词法绑定):

  • 在对象方法中写箭头函数,this 不是对象本身,而是外层上下文的 this
  • 常用于避免 setTimeout 或事件回调中 this 丢失的问题

基本上就这些。掌握调用方式,就能推断出 this 指向谁。不复杂但容易忽略细节。

今天带大家了解了的相关知识,希望对你有所帮助;关于文章的技术知识我们会一点点深入介绍,欢迎大家关注golang学习网公众号,一起学习编程~

资料下载
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>