js 中this绑定的五种方式

本文总结自《你不知道javascript》

1 默认绑定

默认绑定是指，当直接调用函数，函数前面没有任何修饰的时候，默认将this绑定到当前函数上下文环境。

2 隐式绑定

将this绑定到上下文对象，例如，obj.foo(), foo函数的this即指向obj这个对象

需要注意的是，隐式绑定是将this绑定到离函数最近的对象上，例如，obj1.obj2.foo（），foo函数的this指向obj2

3 显式绑定

通过call，apply函数将this绑定到指定的对象.

4 new绑定

当我们通过new创建一个对象时，会自动执行下面的操作；

1 创建一个全新的对象

2 这个新的对象被进行[[原型]]连接

3 将this绑定到这个新的对象上

4 如果没有返回其他对象，者返回新建的对象。

第三步我们成为new绑定

二  new绑定和显式绑定的优先级

假如我们有这样一个函数：

var foo = function (val){
   this.a = val
}

var bar = foo.bind(obj)

var baz = new bar(2)

console.log(baz.a) // 2

在上面的离职中，我们通过显式绑定将foo的this绑定到obj，通过new绑定将this绑定到新建的对象上，从输出结果来看，new绑定的优先级比显式绑定的优先级更高