JS中的this简要分析

this与作用域

• this与词法作用域是两套不同的机制。

  var count = 1;

  function foo() {
  var count = 0;
  console.log(count); // 0, 通过作用域查找变量count
  console.log(this.count); // 1, 通过this查找变量count
  }

  foo();

上述例子中，当我们打印变量count时，此时程序通过词法作用域去查找变量，而正好函数foo()中定义了该变量，因此输出0；当我们打印变量this.count，由于加入了关键字this，此时程序通过this去查找变量，而this指向的是window，所以输出的就是1. 从这里可以看出，this和词法作用域是两套不同的查找变量与函数的系统。

• this与词法作用域不同之处

词法作用域，是在代码写好时，或者说函数声明时就已经确定了，不会改变；this的值，是在代码运行时才进行绑定，也就是说不同的运行位置和调用方式，就会导致this的值发生变化。

• 为什么要设计this

设计的this的原因，很多博客和书中都认为是存储结构的原因。简单的说： 1.由于函数是引用类型且存放在堆内存中，我们只能拿到函数在堆内存中的地址，这意味着任何对象都可以获取到这个引用并作为自己的属性，然后去调用。this就是为了区分是哪一个对象调用的这个函数，因此this的值必须在程序运行时才能确定。2. 函数体内可以引用其他环境的变量，即函数可以在不同运行环境中执行，所以需要一种机制能够在函数体内部获取当前的运行环境，所以出现this，用它指代当前的运行环境。

根据这个思路，我们可以简单的得出一个结论：哪一个对象调用了函数,函数里的this就会指向哪一个对象。

• this与作用域写法的转换

由于this的指向常常令人迷惑，且有时候它并不会如我们所愿地指向正确的对象，比如嵌套函数的this不会继承而是指向window、setTimeout的this指向window等。为了解决这个问题，我们可以将this机制转换为作用域机制：

方法1：通过变量保存this。
方法2：使用箭头函数。

this与执行上下文

this是执行上下文中的一个重要属性。

我们知道执行上下文是代码在执行前生成的一个执行环境，是一个对象。this在有些时候会指向它，比如全局执行环境中this，而在函数中this很多时候指向的是其他对象。

this指向

• 独立函数
  非严格模式，指向顶层对象window
  严格模式，指向undefined
• 对象方法
  指向方法运行时的对象
• 箭头函数
  this的指向是继承于自己作用域链上一层的this。换句话说，箭头函数的this在词法层面就完成了绑定，绑定的是外部环境的this,这与其他地方this在运行过程中完成绑定this是不同的。
• 构造函数
  指向即将创建的实例对象
• 嵌套函数
  指向window
• setTimeout/setInterval
  指向了window

动态绑定this指向

JS中提供了三个方法可以用于改变this的指向：call,bind和apply

• call(thisArg，arg1, arg2, …)

  传入this绑定对象，和参数列表。调用call后会立即执行。

  返回值是，使用新this和参数，去调用原函数的返回值。

• apply(thisArg, [argsArray])

  传入this绑定对象，和参数数组。调用appley后会立即执行。

  返回值是，使用新this和参数，去调用原函数的返回值。

  它与call()的区别在于，call的参数需要一个一个传入，而apply是传入一个数组。

• bind(thisArg，arg1, arg2, …)

  传入this绑定对象，和参数列表。调用bind后不执行。

  返回值是，新函数的拷贝。

  他与call()的区别在于，call是绑定this并执行，而bind仅仅是绑定this而不会执行。