码迷,mamicode.com
首页 > 移动开发 > 详细

JavaScript中apply()和call()的异同点

时间:2015-05-17 09:23:19      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:杭州   前端   javascript   对象   继承   

       每个函数都包含两个非继承而来的方法,apply()和call()。这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内this对象的值。

       apply()方法接收两个参数:一个是在其中运行的作用域,另一个是参数数组。其中,第二个 参数可以是Array的实例,也可以是arguments对象。例如:

function sum(num1,num2){
            return num1+num2;
        }
        function callSum1(num1,num2){
            return sum.apply(this,arguments);//传入arguments对象
        }
        function callSum2(num1,num2){
            return sum.apply(this,[num1,num2]);//传入数组
        }
        alert(callSum1(10,10));//20
        alert(callSum2(10,10));//20


     call()方法和apply()方法的作用相同,它们的区别仅在于接收参数的方式不同。对于call()方法而言,第一个参数是this值没有变化,变化的是其余参数都直接传递给函数。换句话说,在使用call()方法时,传递给函数的参数必须逐个列举出来,例如:

function sum(num1,num2){
            return num1+num2;
        }
        function callSum(num1,num2){
            return sum.call(this,num1,num2);
        }
        alert(callSum(10,10));//20


   在使用call()方法的情况下,callSum()必须明确的传入每一个参数。结果与使用apply()并没有什么不同。至于是使用apply()还是call(),完全取决于你采用哪种给函数传递参数的方式更方便。


以上总结引自《JavaScript高级程序设计》

JavaScript中apply()和call()的异同点

标签:杭州   前端   javascript   对象   继承   

原文地址:http://blog.csdn.net/u012491775/article/details/45786121

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!