apply和call都是函数对象的方法,用于改变函数的执行上下文并立即执行函数。它们的区别在于传递参数的方式不同。
apply方法:
apply() 方法接受两个参数:第一个参数是要绑定的 this 值,第二个参数是一个数组或类数组对象,包含要传递给函数的参数。该方法将数组或类数组对象中的每个元素作为独立的参数传递给函数。
function func(a, b) {
console.log(this, a, b);
}
var obj = { name: '张三' };
func.apply(obj, [1, 2]); // 输出:{ name: '张三' } 1 2
call方法:
call() 方法接受至少一个参数,可以是单个参数,也可以是多个参数列表。该方法将参数列表中的每个元素作为独立的参数传递给函数。
function func(a, b) {
console.log(this, a, b);
}
var obj = { name: '张三' };
func.call(obj, 1, 2); // 输出:{ name: '张三' } 1 2
区别:
- apply() 方法接受一个数组或类数组对象作为参数,而 call() 方法可以接受多个参数列表。
- apply() 方法将数组或类数组对象中的每个元素作为独立的参数传递给函数,而 call() 方法将参数列表中的每个元素作为独立的参数传递给函数。
- call() 方法可以一次性传入多个参数,而 apply() 方法需要逐个传入。
- call() 方法更加灵活,因为它允许在调用函数时动态地指定参数的数量和类型。而 apply() 方法则更加严格,因为它要求传入的参数必须是一个数组或类数组对象。
优缺点:
apply和call都是用来改变函数执行上下文的方法,它们各有优缺点。
apply的优点:
- 可以一次传入多个参数。
- 可以处理不定数量的参数。
- 可以方便地处理数组和类数组对象。
- 可以在不同的执行上下文中调用同一个函数。
apply的缺点:
- 使用起来比较麻烦,需要将参数转换为数组或类数组对象。
- 不能直接传递普通的对象或变量。
- 如果参数很多,可能会导致内存占用过大。
- 如果函数内部需要处理不定数量的参数,可能会导致代码难以维护。
call的优点:
- 使用起来比较简单,可以直接传递多个参数。
- 可以处理不定数量的参数。
- 可以方便地传递普通的对象和变量。
- 可以在不同的执行上下文中调用同一个函数。
- 可以直接传递 null、undefined、NaN、Infinity、-Infinity 等特殊值。
- 如果函数内部需要处理不定数量的参数,可以使用 rest parameter(…args)来简化代码。
- 如果函数内部不需要处理不定数量的参数,可以减少内存占用。
- 如果函数需要返回多个值,可以使用逗号分隔符来指定返回值的位置。例如:func(a, b).c = d; func(a, b); console.log©; // d;
- 如果函数内部需要处理不定数量的返回值,可以使用剩余参数(…result)来简化代码。例如:func(a, b).c = d; func(a, b); console.log©; // d; return result; // [e, f];
- 如果函数内部需要处理不定数量的返回值,并且返回值的类型不确定,可以使用 any 类型来简化代码。例如:func(a, b).c = d; func(a, b); console.log©; // d; return any; // [e, f];
- 如果函数内部需要处理不定数量的返回值,并且返回值的类型不确定,并且需要对这些返回值进行遍历和操作,可以使用 for…of 循环来简化代码。例如:func(a, b).c = d; func(a, b); let results = []; for (const value of func(a, b)) { /* do something with value */ } console.log(results); // [e, f]; // …等等。