JavaScript中this指向机制详解

this指向的基本原理

在JavaScript中，this的指向并非在函数定义时确定，而是在函数执行时根据调用方式动态决定。其最终指向的是实际调用该函数的对象。

this始终指向最后调用它的对象，即取决于函数执行时的调用上下文。

普通函数中的this指向

普通函数中的this指向规则如下：

情况1：若函数中存在this，但未被上一级对象调用，则this指向window。需注意，在JavaScript严格模式下，this不指向window，此处暂不讨论严格模式，感兴趣者可自行查阅相关资料。

情况2：若函数中存在this，且被上一级对象调用，则this指向该上一级对象。

情况3：若函数中存在this，且该函数包含多个对象，即使由最外层对象调用，this仍指向其直接上一级对象。

构造函数中的this指向

构造函数中的this指向规则如下：

function Fn(){
  this.title= "你好";
}
var a = new Fn();
console.log(a.title); //你好

使用new关键字时，会先创建一个空对象，随后自动调用apply方法将this绑定到该空对象，从而使得函数内部的this被该新对象替代。

构造函数中return的影响

当构造函数的this遇到return语句时：

若返回值是一个对象，则this指向该返回的对象；若返回值不是对象，则this仍指向函数的实例。

若返回值是null，虽然null属于对象类型，但此时this仍指向函数的实例，因为null具有特殊性。

以上即为本次介绍的JavaScript中this指向的所有知识点，感谢大家对本站的支持。