【JavaScript】apply&call

函数调用

一、调用外部函数

在对象需要调用外部方法时，我们可以这样处理：

window.color='windowRed';
function sayColor(){        //动态执行，第一次this指向window、第二次this指向box
alert(this.color);
}

var box={
color:'boxblue'
};

box.sayColor=sayColor;          //通过赋值语句将window.sayColor方法复制到box里面，使box具有window的sayColor方法
box.sayColor();         //这里执行box通过赋值从window对象借来的sayColor方法，this指向box对象 */

通过第10行代码，box.sayColor获得window.sayColor的方法；同时this指针由window指向box，从而输出box的color属性值。



- 二、apply和call

- 1、相同点

- 1）两者都是非继承而来的方法；

- 2）两者都是通过接收参数实现函数的调用

- 2、不同点

- 1）apply传递的是参数的集合

- 2）call传递的是一个个单独的参数

- 3、参考

- 1）再不需要传递参数时，推荐使用call调用函数，效率会更高一点。

- 2）通过call或者apply可以将类和方法的低耦合，从而提高代码的维护效率

var color='red';
var box={
color:'blue'
};
function sayColor()
{
alert(this.color);          //提供被调用的函数体，本属于window
}

sayColor.call(this);            //window
sayColor.call(box);         //box

上述代码中，通过call，box对象直接获取到window.sayColor，这样通过代码的重用，可降低开发工作量和运维工作量。

感谢您的宝贵时间，祝生活愉快，谢谢~~

——书生