this的绑定形式（this指向问题）

1.默认绑定

看代码

function foo(){
    console.log(this.a);
}
var a=2;
foo();//2

在代码中，this.a被解析成全局变量（以前很容易搞混，认为js函数是对象的一种表现形式，会误以为函数内部的this指向函数本身，其实函数内部的this指向取决于函数的执行环境，有些人可能又会存在疑惑，当我建立一个构造函数，并用new对该构造函数初始化后，函数内部使用this.a指向构造函数本身对象，这是因为在使用new来调用函数时，会创建一个全新的对象，这个新对象会绑定到函数调用的this，因此，其实this依旧没有指向函数本身的作用域，注意：在任何情况下this都不指向函数的词法作用域）因为在本行代码中。函数调用时应用了this的默认绑定，因此this指向全局对象。

2.隐式绑定

看代码

function foo(){
    console.log(this.a)
}
var obj={
    a:2,
    foo:foo
}
obj.foo();//2

当函数引用上下文对象时，隐式绑定规则会把函数调用中的this绑定到这个上下文对象。因此调用foo（）时this绑定到obj，因此this.a和obj.a是一样的。我们再来看一行略微复杂一点的代码：

function foo(){
    console.log(this.a)
}
var obj1={
    a:1,
    obj2:obj2
}
var obj2={
    a:2,
    foo:foo
}
obj1.obj2.foo()//2

3.显式绑定

看代码

function foo(){
    console(this.a)
}
var obj={
    a:1
}
foo.call(obj);//2

通过foo.call(obj)，我们可以在调用foo时强制把它的this绑定到obj上，我们将这种可以直接指定this的绑定对象的方式称为显式绑定。

4.硬绑定

看代码

function foo(){
    console.log(this.a)
}
var obj={
    a:1
}
var bar =function(){
    foo.call(obj)
}
bar()//1

有的人可能会说，这不就是显式绑定么，to young to simple,我们再来看以下代码：

function foo(){
    console.log(this.a)
}
function fooCarryOut(fn){
    fn()
}
var obj={
    a:1,
    foo:foo
}
var a=2
fooCarryOut(obj.foo)//2
setTimeout(obj.foo,400)//2

根据隐形绑定规则，函数内this指向函数上下文对象，应该打印1才对，为什么是2呢，因为回调函数引用的是函数本身，是不带任何修饰的函数调用，因此应用默认绑定，这中现象叫做隐式丢失。那这和我们的硬绑定有什么关系么，当然，仔细观察硬绑定代码，你会发现foo函数的this被强制绑定到obj了，无论以后如何调用函数bar，它都会手动再obj上调用函数foo。这就是硬绑定。注意，在es5中内置的方法bind是非常常用的硬绑定模式，看代码：

function foo(b){
    console.log(this.a,b)
    return this.a+b
}
var obj={
    a:2
}
var bar=foo.bind(obj)
var sum=bar(3)//2,3
console.log(sum)//5

提到bind就不能不说到柯里化（https://www.zhangxinxu.com/wordpress/2013/02/js-currying）

5.new 绑定

看代码：

function Foo(a){
    this.a=a
}
var bar=new foo(2)
console.log(bar.a)//2

在使用new来调用函数时，我们会构造一个新对象并将它绑定到函数调用中的this上。

简说五种绑定的优先级：

默认绑定<隐式绑定<显示绑定<硬绑定<new绑定