call（）方法和apply（）方法有什么区别？

call() 和 apply() 都是 JavaScript 中用于调用函数的方法，它们的主要区别在于参数的传递方式。

call() 方法：

call() 方法是 JavaScript 函数的原生方法之一，它允许你在指定的作用域内调用函数，并且可以显式地设置函数的 this 值和传递参数列表。

call() 方法的语法如下：

functionName.call(thisArg, arg1, arg2, ...)

• functionName：要调用的函数名。
• thisArg：设置函数中的 this 值的对象。在函数执行时，this 将指向 thisArg。
• arg1, arg2, ...：传递给函数的参数列表。 示例：

function greet(name) {
  console.log(`Hello, ${name}! I'm ${this.job}.`);
}

const person = {
  job: 'developer'
};

greet.call(person, 'John');
// 输出：Hello, John! I'm developer.

在上面的示例中，call() 方法用于将函数 greet 中的 this 值设置为 person 对象，并传递了 'John' 作为参数。

apply() 方法：

apply() 方法与 call() 方法类似，也是用于在指定的作用域内调用函数，但它接受的参数是以数组或类数组对象的形式传递。

apply() 方法的语法如下：

functionName.apply(thisArg, [argsArray])

• functionName：要调用的函数名。
• thisArg：设置函数中的 this 值的对象。在函数执行时，this 将指向 thisArg。
• argsArray：以数组或类数组对象形式传递给函数的参数。 示例：

function greet(name) {
  console.log(`Hello, ${name}! I'm ${this.job}.`);
}

const person = {
  job: 'developer'
};

greet.apply(person, ['John']);
// 输出：Hello, John! I'm developer.

在上面的示例中，apply() 方法将函数 greet 中的 this 值设置为 person 对象，并传递了 ['John'] 作为参数。

主要区别：

• call() 方法使用逗号分隔的参数列表来传递参数，而 apply() 方法使用数组或类数组对象来传递参数。
• 当参数个数未知或可变时，apply() 方法通常更方便，可以通过动态地构建参数数组来调用函数。
• 如果只需指定函数的 this 值且不需要传递参数，两者的效果是相同的。

总结，call() 和 apply() 方法都允许你在指定的作用域内调用函数，并设置函数的 this 值，但参数的传递方式不同。