熟练运用call()、apply()、bind()处理JavaScript函数

call()、apply()、bind()：异曲同工，各有妙用

在JavaScript中，函数可以看作一个功能模块，封装了代码块并赋予它一个名字，以便在程序中多次调用。call()、apply()和bind()这三个函数都属于函数调用相关的内置方法，它们可以让您以不同的方式调用函数，并对调用过程进行一定程度的控制，从而实现更灵活的代码编写。

异曲同工：灵活指定函数上下文

这三个函数的共同点是：都可以显式地指定函数的执行上下文，即函数调用时，this指向的对象。在默认情况下，函数的执行上下文是由函数的调用方式决定的。例如，当函数作为对象的方法被调用时，this会指向该对象；而当函数作为独立函数被调用时，this会指向全局对象（在严格模式下为undefined）。

使用call()、apply()和bind()，您可以指定函数的执行上下文，从而实现代码的重用和模块化。举个例子，您可以在一个对象中定义一个函数，然后使用call()或apply()来调用该函数，并将this指向另一个对象。这样，您就可以在不同的对象中复用相同的函数，而无需重复编写代码。

各有妙用：参数传递方式不同

尽管call()、apply()和bind()都能指定函数的执行上下文，但它们在参数传递方式上却有所不同。

• call() 和apply() 都允许您显式地传递参数给函数。不同之处在于，call()接受一个参数列表，而apply()接受一个数组作为参数。例如，您可以使用call()来调用一个函数，并传递两个参数：

func.call(obj, arg1, arg2);

而使用apply()来调用相同的函数，您需要将参数放入一个数组中：

func.apply(obj, [arg1, arg2]);

• bind() 与call()和apply()不同，它不立即调用函数，而是返回一个新的函数，该函数已经绑定了指定的执行上下文和参数。这也就是说，您可以先使用bind()创建一个新的函数，然后在以后的任何时间调用该函数，而无需再次指定执行上下文和参数。例如，您可以使用bind()来创建一个新的函数，该函数的执行上下文绑定到某个对象，并传递了两个参数：

var newFunc = func.bind(obj, arg1, arg2);

然后，您可以随时调用newFunc，而无需再次指定执行上下文和参数：

newFunc();

恰当其用，游刃有余

call()、apply()和bind()这三个函数各有其优点和适用场景，在不同的情况下，您需要根据具体需求选择最合适的方法来调用函数。

• call()和apply() 适用于需要显式地指定函数的执行上下文和参数的情况。例如，当您想在不同的对象中复用相同的函数时，可以使用call()或apply()来指定函数的执行上下文。

• bind() 适用于需要创建新的函数并预先绑定执行上下文和参数的情况。例如，当您想创建一个事件处理程序时，可以使用bind()来预先绑定事件处理程序的执行上下文和参数。

掌握了call()、apply()和bind()这三个函数的用法，您将能够更加灵活地调用函数，从而更好地组织和重用代码，编写出更加健壮和可维护的JavaScript程序。