this指向及 call, apply, bind区别（绝对干货）

this, call, apply, bind

this指向，apply，call，bind的区别是一个非常经典的面试问题，这里面可以分枝出 许许多多的问题，
其中this 的问题最多 但它也容易记住，简单来说 万变不离其宗-----就是谁调用我，我就指向谁

this设计的初衷是在函数内部使用，用来指代当前的运行环境
那我们就要说说环境
一门语言在运行的时候，需要一个环境，叫做宿主环境。对于JavaScript，宿主环境最常见的是web浏览器，另一个最为常见的就是 Node 了，同样作为宿主环境，node 也有自己的 JavaScript 引擎：V8（目前最快JavaScript引擎、Google生产）。

this的指向

其实this的指向，始终坚持一个原理**：this永远指向最后一个调用它的那个对象。**

全局中的this

<script>
    console.log(this);//这里this就指向全局 window
</script>

全局范围内：
this等价于window对象；
用var声明一个变量和给this或者window添加属性是等价的；
如果你在声明一个变量的时候没有使用var或者let、const(es6),你就是在给全局的this添加或者改变属性值。

事件函数中的this

有一句话很好用：运行时this永远指向最后调用它的那个对象。

var name = "windowsName";
function sayName() {
var name = "Jake";
console.log(this.name);   // windowsName
console.log(this);    // Window
}
sayName();
console.log(this) // Window

在自执行函数中

在非严格模式下浏览器中运行，this指的是window
在非严格模式node的js文件中，this指的是global对象
在非严格模式node交互界面中，this指的是默认暴露出的模块

(function(){
	console.log(this); //window
})()

箭头函数中的this

箭头函数的this始终指向函数定义时候的this，而并不是执行时候。箭头函数需要记住这句话：“箭头函数没有this绑定，必须通过查找作用域来决定其值，如果箭头函数被非箭头函数包含，则this的绑定的是最近一层非箭头函数的this，否则，this为undefined”

var fn=()=>{
	console.log(this);
}
 
fn();//window

call、apply、bind 被称之为 this 的强绑定，用来改变函数执行时的this指向

改变this指向的方法apply()和call()

1、apply()方法接受两个参数，一是作用域，二是参数。
2、call()的使用和apply()基本是一样的，不同的是参数的传递，call()必须明确的传入每一个参数。
1、bind()的方法。这个方法会创建一个函数的实例，其this值会被绑定给传入bind()函数的值。

call/apply与bind的区别

call/apply改变了函数的this上下文后马上执行该函数
bind则是返回改变了上下文后的函数,不执行该函数