this的绑定规则

绑定规则

1. 默认绑定

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

foo()是直接使用不带任何修饰的函数调用的，因此只能是默认绑定，this指向全局对象

2. 隐式绑定

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

foo()被调用时落脚点确实指向obj对象，当函数引用有上下文对象时，隐式绑定规则会将函数调用中的this绑定到这个上下文对象即this.a和obj.a是一样的

3. 显示绑定

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

显示绑定call()方法会将第一个参数绑定到this，在调用函数时指定这个this

4. 硬绑定

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

在将foo的this强制绑定到obj后，无论之后如何调用bar,都会在obj上调用bar

5. new绑定

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

new绑定进行了以下步骤：创建一个新对象，新对象会被执行与原型连接，新对象会绑定到函数调用的this,如果函数没有返回其他对象，那么new表达式中的函数调用会自动返回这个新对象

this绑定的优先级

new绑定>显示绑定>隐式绑定>默认绑定

判断this

1. 函数是否在new(new 绑定)中调用？如果是的话this绑定的是新创建的对象
   var bar = new foo() this//foo
2. 函数是否通过call,apply(显示绑定)或者硬绑定调用？如果是this绑定的是指定的对象
   var bar = foo.call(obj) this//obj
3. 函数是否在某个上下文对象中调用(隐式绑定)？如果是的话this绑定的是那个上下文对象
   var bar = obj1.foo() this//obj1
4. 如果都不是的话，使用默认绑定，如果在严格模式下，就绑定到undefined,否则绑定到全局对象
   var bar = foo() this//foo或者undefined