Javascrip也是一门面像对象的编程语言，那么this在Javascript是如何生效的呢？考虑下面一段程序：
栗子1：
var b = {
a:10,
fun:function(){
console.log(this.a);
}
}
b.fun(); // 10
var f = b.fun;
f(); // undefined
上面一段代码中为什么会有不同的结果呢？
原因在Javascript中对于this这个关键字的处理是在运行时根据当前上下文动态进行绑定的，b.fun() 中的context是对象b，就把this跟对象b进行绑定，这样this.a 也就相当于是b.a；而 fun() 的运行上下文是 全局window对象，所以this.a === window.a === undefined.
总结：
this会绑定到最近的上下文对象。
栗子2：
var b = {
a:10,
fun:function(){
console.log(this.a);
},
c:{
a: 11,
fun:function(){
console.log(this.a);
}
}
}
b.c.fun(); // 11
b.fun(); //10
var f = b.fun;
f(); // undefined 相当于window.f();
var f = b.c.fun;
var a = 100；
f(); // 100 相当于window.f();
如何改变this的指向？
-
apply与call
栗子3:
var fun = function(){
console.log(this);
}
fun(); // this === window
var b= {};
fun.call(b) ; // this === b
fun.apply(b); // this === b
apply 与call 的区别在于第二个参数的类型不同，apply接受一个数组作为参数传递给原函数，apply则是接受一个参数列表arg1,arg2,arg3,...的形式。
-bind
栗子4:
var fun = function(){
console.log(this);
}
var c = {}
var b = fun.bind(c);
fun(); // this === window
b(); //this===c
bind则是返回一个全新的函数，javascript在这个全新的函数里面将this指向了我们传入的参数。不同于apply和call的时候，bind并不会立即执行，而是在需要的时候在明确调用执行。
