this学习（三）this绑定规则的优先级

目录

一：显式绑定 VS 隐式绑定

二：new绑定 VS 隐式绑定

三：显示绑定 VS new绑定

四：总结

---

在前面的学习中，有默认绑定、显式绑定、隐式绑定、new绑定，这4种规则当中，默认绑定的优先级一定是最低的，那么其它三个规则的优先级到底是怎么样的呢？

一：显式绑定 VS 隐式绑定

例子：

function foo() {
    console.log(this.a)
}

var obj1 = {
    a: 2,
    foo: foo
}

var obj2 = {
    a: 3,
    foo: foo
}

obj1.foo(); // 2
obj2.foo(); // 3

obj1.foo.call(obj2);    // 3
obj2.foo.call(obj1);    // 2

这个例子中，foo如果是单纯的隐式绑定到obj1或者是obj2的话，都是可以被绑定到指定的对象中的。但是如果隐式绑定和显式绑定都同时存在的情况下，从结果来看，是显式绑定的优先级比较高的，它覆盖了隐式绑定的行为。

 

二：new绑定 VS 隐式绑定

例子：

function foo(something) {
    this.a = something;
}

var obj1 = {
    foo: foo
}

var obj2 = {}

obj1.foo(2);
console.log(obj1.a);  // 2

obj1.foo.call(obj2, 3);
console.log(obj2.a);    // 3

var bar = new obj1.foo(4);  // this指向bar
console.log(obj1.a);    // 2
console.log(bar.a);     // 4

这个例子中，由于foo在前面隐式绑定了obj1，执行之后，obj1被创建了一个a属性，值为2。后面new一个obj1.foo(4),这里this被绑定到了bar这个新创建的对象上了。

所以得出的结论是：new绑定比隐式绑定的优先级高。

 

三：显示绑定 VS new绑定

例子：由于new和call、apply无法一起使用，那么这边就使用硬绑定：bind的方式来测试，因为硬绑定也是显示绑定的一种

function foo(something) {
    this.a = something;
}

var obj1 = {};

var bar = foo.bind(obj1);   // bar的this绑定到了obj1对象上
bar(2);
console.log(obj1.a);    // 2

var baz = new bar(3);
console.log(obj1.a);    // 2
console.log(baz.a);     // 3

例子中，obj1在前面已经由foo的隐式绑定创建了一个属性a，值为2；然后bar的this被指向到了obj1对象上。后面，new bar(3)，最后输出的结果是obj1.a还是2，baz.a是3。说明new绑定比显示绑定的优先级还要高。

 

四：总结

根据上面的比较可以得出结论，优先级最高的是new绑定，接着是显示绑定，然后是隐式绑定，最后是默认绑定。