JavaScript中this指向解析

本篇文章向大家介绍《JavaScript中this是什么，如何确定指向》，主要包括，具有一定的参考价值，需要的朋友可以参考一下。

this 是运行时绑定的引用，指向当前执行上下文的对象；其值取决于函数如何被调用：全局环境下非严格模式指向 window/global，严格模式为 undefined；独立调用同全局；对象方法调用时指向调用者对象；new 调用指向新实例；箭头函数无 this，继承外层。

this 是 JavaScript 中一个特殊的关键字，它不是一个固定值，而是一个**运行时绑定的引用**，指向当前执行上下文中的某个对象。它的具体指向不取决于函数如何定义，而取决于函数**如何被调用**。

全局环境中的 this

在浏览器中，全局作用域下（不在任何函数内），this 指向 window 对象；在 Node.js 环境中，指向 global 对象。

• 直接写 this 或 console.log(this)，会输出对应全局对象
• 严格模式下（"use strict"），全局环境中的 this 是 undefined

函数独立调用时的 this

当函数作为普通函数被调用（没有点号、没有 new、没有 call/apply/bind），this 的行为和全局环境一致：

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

例如：function foo() { console.log(this); } foo(); —— 这里的 this 就是上面两种情况之一。

对象方法调用时的 this

当函数作为对象的属性被调用（即通过 obj.method() 形式），this 指向该对象（obj）。

• 只看调用时的“点前面是谁”，比如 person.sayName() → this 是 person
• 如果把方法赋值给变量再调用，就失去绑定，变成独立调用（this 回到上一条规则）

构造函数与箭头函数的特殊情况

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

箭头函数没有自己的 this，它会沿作用域链向上查找外层函数的 this 值，且无法被 call/apply/bind 修改。

• 适合用在回调中避免 this 丢失（如事件监听、定时器、Promise 链）
• 不能作为构造函数使用（调用会报错）

基本上就这些。掌握 this 的核心就是盯住“谁调用的函数”，而不是“函数在哪定义”。

今天关于《JavaScript中this指向解析》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！