简述JS中的this指向

大家好，我是IT修真院深圳分院第06期学员，一枚正直善良的web程序员。

今天给大家分享一下，关于JS中的this指向的知识点：

在javaScript中，this是动态绑定的，它可以是全局对象、当前对象或者任意对象，这完全取决于函数的调用方式。 这就导致了this具备了多重含义，可以使得this可以更灵活地使用。 但是，带来了灵活性的同时也会给我们初学者带来不少困惑。 简而言之, this 是一个特殊的标识符关键字 —— 在每个 function 中自动根据作用域(scope) 确定, 指向的是此次调用的 “所有者,owner”。

this指向在函数定义的时候是确定不了的，只有函数被调用的时候才能够确定,实际上this的最终指向的是那个调用它的对象。

THIS的常见的四种情形：

1，纯粹的作为函数调用：全局函数中，this指向window。

2，作为对象方法的调用：当函数被作为某个对象的方法调用时，this就是那个对象。

3作为构造函数调用：this指向新对象‘。

这段代码和上面的那段代码几乎是一样的，但是这里的this为什么不是指向window，如果按照上面的理论，最终this指向的是调用它的对象，这里需要注意的点，window是js中的全局对象，我们创建的变量实际上是给window添加属性，所以这里可以用window点o对象。

4apply、call调用：this指向改变后的调用这个函数的对象。

提问：

为何在下面这段代码中，this会指向window?

答：this永远指向的是最后调用它的对象，也就是看它执行的时候是谁调用的，上述列子中虽然函数fn是被对象b所引用，但是在将fn赋值给变量j的时候并没有执行所以最终指向的是window，这和例子3是不一样的，例子3是直接执行了fn。

为什说this指向，谁调用就指向谁，是不严谨的说法？

答：因为会出现三种常见的情况，可以打破这个说法：

1 如果 一个函数中有this，但是它没有被上一级对象调用。那么this就指向的是window。但是在严格模式下不同。

2如果 一个函数中有this，当它被上一级对象所调用，那么this指向就指向你的上一级对象。

3如果 一个函数中有this，这个函数中有多个对象，尽管这个函数是被最外层的对象所调用，this指向的也是它的上一级对象。

如图：为什么构造函数中的this会改变指向？

function Fn(){
    this.user = "追梦子";
}
var a = new Fn();
console.log(a.user); //追梦子

答：这里之所以对象a可以点出函数Fn里面的user是因为new关键字可以改变this的指向，将这个this指向对象a，为什么我说a是对象，因为用了new关键字就是创建一个对象实例，理解这句话可以想想我们的例子3，我们这里用变量a创建了一个Fn的实例（相当于复制了一份Fn到对象a里面），此时仅仅只是创建，并没有执行，而调用这个函数Fn的是对象a，那么this指向的自然是对象a，那么为什么对象a中会有user，因为你已经复制了一份Fn函数到对象a中，用了new关键字就等同于复制了一份。