JS 改变函数中 this 的指向

JS 中，函数也是一个变量，而变量又可以看成是一个对象，既然是对象，那就有属性和方法；

改变函数中 this 的指向，可以用 函数的 call() 或者 apply() 的方法；

function  fn( a , b , c ) {   ... ...   }

call() 使用方法：

call ( obj , 'AAA' , 'BBB' , 'CCC' )  ;  obj  ==> this 需要指向的对象  AAA,BBB,CCC 分别对应函数的参数 a ,b c

apply() 使用方法：

 apply ( obj , [ 'AAA' , 'BBB' ,'CCC'] ) ;  obj  ==> this 需要指向的对象,把参数用一个数组包起来

 call ( obj , 'AAA' , 'BBB' , 'CCC' )  和  apply ( obj , [ 'AAA' , 'BBB' ,'CCC'] ) 两个函数的效果完全一样，只是传参数的方式不同而已

例如：

var age = 20;

function fn(a,b,c){
document.write(a+'<br />');
document.write(b+'<br />');
document.write(c+'<br />');
document.write(this.age+'<br />');//如果调用函数，这个 this 将指向 window 对象
}
fn('aa','bb','cc'); // 这里将打印出：aa ， bb ， cc ， 20

var obj = {age:100,hei:180,wth:50};
// 如果想要 fn 函数中的 this 指向 obj 对象可以调用函数的call()方法；
fn.call(obj,'AAA','BBB','CCC'); //这里就将打印出 AAA , BBB , CCC , 100;
/*
obj ---> 想让函数的 this 指向的对象
'AAA' ---> 对应函数的参数 a
'BBB' ---> 对应函数的参数 b
'CCC' ---> 对应函数的参数 c
*/

fn.apply(obj,[1,2,3]);