js中call和apply的作用

在JavaScript中，`call()` 和 `apply()` 都是用来改变函数内部 `this` 关键字指向的方法。它们的主要作用是动态地执行函数，并允许你指定执行函数时的上下文（即 `this` 的值）。这两个方法都接收两个参数：

1. 第一个参数（`fn`）：是要执行的目标函数，通常是你想要改变其`this`值的那个函数。

2. 第二个参数（`args`）：是一个数组，包含了你想传递给目标函数的实际参数列表。`call()` 直接将数组元素作为单独参数传递，而 `apply()` 则将整个数组作为一个整体参数传递。

- `call()`: 它会直接依次迭代数组并将每个元素当作单个参数传递给目标函数。
示例：

   function person(name) {
     console.log(`Hello, ${name}!`);
   }
   
   person.call({ name: 'Alice' });  // 输出 "Hello, Alice!"

- `apply()`: 如果你需要将整个数组作为单个参数传递，这时 `apply()` 更合适，因为它可以接受一个单一的对象参数而不是多个参数。
示例：

   let numbers = [1, 2, 3];
   function sum(...args) {
     return args.reduce((a, b) => a + b);
   }
   
   sum.apply(null, numbers);  // 输出 6 (等同于 sum(1, 2, 3))