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

javascript apply()与call()

时间:2015-04-20 12:46:49      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:

a. 每个函数都包含两个非继承而来的方法:apply()和call()。

b. 这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内this对象的值。

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

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

e. 至于是使用apply()还是call(),完全取决于你采取哪种给函数传递参数的方式最方便。如果你打算直接传入arguments对象,或者包含函数中先接收到的也是一个数组,那么使用apply()肯定更方便;否则,选择call()可能更合适。(在不给函数传递参数的情况下,使用哪个方法都无所谓。)

f. 事实上,传递参数并非apply()和call()真正的用武之地;它们真正强大的地方是能够扩充函数赖以运行的作用域。

g. 使用call()(或apply())来扩充作用域的最大好处,就是对象不需要与方法有任何耦合关系。

 

function sum(num1,num2){
    return num1+num2;
}
function callSum1(num1,num2){
    //传入arguments对象
    return sum.apply(this,arguments);    
}
function callSum2(num1,num2){
    //传入数组
    return sum.apply(this,[num1,num2]);
}
function callSum3(num1,num2){
    //传入数组
    return sum.apply(window,[num1,num2]);
}
function callSum4(num1,num2){
    //传入参数列表
    return sum.call(this,num1,num2);
}
//callSum1()在执行sum()函数时传入了this作为this值(因为是在全局作用域中调用的(?在全局作用域中调用),所以传入的就是window对象)和arguments对象。//?
console.log(callSum1(10,10));    //20
console.log(callSum2(10,10));    //20
console.log(callSum3(10,10));    //20
console.log(callSum4(10,10));    //20

window.color="red";
var o={color:"blue"};

function sayColor(){
    console.log(this.color);
}

sayColor();                //red
sayColor.call(this);       //red
sayColor.call(window);     //red
sayColor.call(o);          //blue

javascript apply()与call()

标签:

原文地址:http://www.cnblogs.com/pengjielee/p/4440935.html

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