Как работает метод apply в JavaScript?

Метод apply вызывается на функции и позволяет вызвать эту функцию с заданным значением this и аргументами, переданными в виде массива (или массивоподобного объекта).

Основные аспекты:

1. Установка this: Первый аргумент метода apply определяет значение ключевого слова this внутри вызываемой функции. Если передать null или undefined, this в нестрогом режиме будет ссылаться на глобальный объект (например, window в браузере или global в Node.js), а в строгом режиме останется undefined.
2. Передача аргументов: Второй аргумент — это массив (или массивоподобный объект), элементы которого станут аргументами вызываемой функции, передаваемые в порядке их следования в массиве.

Синтаксис:

function.apply(thisArg, argsArray)

• thisArg: Значение, которое будет использоваться в качестве this при вызове функции.
• argsArray: Массив или массивоподобный объект, содержащий аргументы, которыми будет вызвана функция.

Отличия от call:

• apply принимает аргументы как массив.
• call принимает аргументы как отдельные значения, перечисленные после thisArg.

Пример использования:

// Функция для вычисления максимального числа в массиве
const numbers = [1, 5, 2, 8, 3];
const max = Math.max.apply(null, numbers);
console.log(max); // 8

// Вызов метода объекта с другим контекстом this
const person1 = { name: 'Alice' };
const person2 = { name: 'Bob' };

function greet(greeting, punctuation) {
  console.log(`${greeting}, ${this.name}${punctuation}`);
}

greet.apply(person1, ['Hello', '!']); // Hello, Alice!
greet.apply(person2, ['Hi', '?']);    // Hi, Bob?

Применение:

• Передача массива аргументов в функцию, которая ожидает их как отдельные параметры.
• Изменение контекста this при вызове функции.
• Использование со встроенными методами, которые ожидают множество аргументов (например, Math.max, Math.min).