浅谈JavaScript的apply和call语句
我们试图在回调函数中，用this表示oDiv对象，这样感觉爽。
1 animate(oDiv,{"left":600},2000,function(){ 2 this.style.backgroundColor = "red"; 3 }); |
但是不行，回调函数中this不是oDiv。
所以我们现在要想一个办法，让callback运行，并且callback里面的this是oDiv。
1 callback.call(elem); |
或者：
1 callback.apply(elem); |
执行callback函数，并且让callback函数中的this关键字为elem。
例子：
1 var obj2 = { 2 "name" : "树懒", 3 "age" : 16, 4 "sex" : "男" 5 } 6 7 function xianshixinxi(){ 8 alert(this.name); 9 } 10 11 //下面这个call语句的含义有两层： 12 //1. xianshixinxi函数将被调用 13 //2. 同时这个函数内部的this就是obj了 14 xianshixinxi.call(obj2); |
说白了apply、call功能是一样的，功能都是：让函数调用，并且给函数设置this是谁。
call就是英语呼叫的意思，apply是应用的意思。
现在说说区别：
1 var obj = { 2 "name" : "考拉", 3 "age" : 18, 4 "jiehun" : false 5 } 6 7 8 function xianshixinxi(a,b,c){ 9 console.log(this.name); 10 console.log(a + b + c); 11 } 12 13 xianshixinxi.call(obj,2,3,4); 14 xianshixinxi.apply(obj,[2,3,4]); |
call和apply功能一样，就是让一个函数里面的this设置为一个对象。
拿上例来说，xianshixinxi函数里面的this就是obj对象。但是我们发现，xianshixinxi这个函数，有参数。那么我们现在又想设置this是谁，又想把参数往里传，此时就有区别了：
1 fn.call(obj,参数1,参数2,参数3……); |
1 fn.apply(obj,[参数1,参数2,参数3……]); |
call需要你用逗号罗列所有参数，但是apply是把所有参数写在数组里面。即使只有一个参数，也必须写在数组里面。
比如：
1 function showInfo(n){ 2 for(var i = 1 ; i <= n ; i++){ 3 console.log(this.name); 4 } 5 } 6 showInfo.call(obj,10); 7 showInfo.apply(obj,[10]); |
一定不要记混，apply要的是数组，你想啊，ly、ly、ly长得像list，就是数组。
总结一下，这两个东西功能一致，就是把一个函数里面的this设置为某个对象。区别就是后面的参数的语法。