JAvaScript中apply()和call()的区别

初学JavaScript时经常混淆apply()和call()的区别，现在就它们的做一下简单的描述。

相同点：

apply()和call()两个方法产生的作用是一样的，都用来改变当前函数调用的对象。

不同点：

apply()和call()方法调用的参数不同。

下面细致分析下apply()和call()使用区别：

call()的使用

call([thisObj[,arg1[, arg2[, [,.argN]]]]])

其参数为：

thisObj  为可选项，将被用作当前对象的对象。

arg1,arg2, , argN  可选项。将被传递方法参数序列。

说明

call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。

示例：

    <input id="myText">  
    <script>  
        function Obj()  
        {  
           this.value="对象";  
        }  
        var value="全局变量";  
        function Fun1(a,b){  
           alert(this.value);  
        }  
        window.Fun1();   //全局变量  
        Fun1.call(window,1,2);  //全局变量  
        Fun1.call(document.getElementById('myText'));  //input text  
        Fun1.call(new Obj());   //对象
    </script>  

apply()的使用

apply()与call()的功能几乎一样，第一个参数意义都一样。

只是第二个参数有点不同apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入，call从第二个参数开始，依次传值给调用函数的参数 。

apply()与call()代码比较

    function print(a, b, c, d){  
      alert(a + b + c + d);  
    }  
    function example(a, b , c , d){  
     //用call方式借用print,参数显式打散传递  
     print.call(this, a, b, c, d);  
     //用apply方式借用print, 参数作为一个数组传递,  
     //这里直接用JavaScript方法内本身有的arguments数组  
     print.apply(this, arguments);  
     //或者封装成数组  
     print.apply(this, [a, b, c, d]);  
    }  
    //下面将显示”无悔人生”  
    example("无" , "悔" , "人", "生");  

我的个人博客地址： http://xiuchundu.github.io/ ，欢迎交流 。