Можешь объяснить различия между методами `call()`, `apply()` и `bind()` в JavaScript, включая то, как каждый из них работает с контекстом `this` и вызовом функции?

Обзор

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

call()

• Вызывает функцию немедленно
• Аргументы передаются по отдельности, через запятую
• Синтаксис: fn.call(thisArg, arg1, arg2)

apply()

• Вызывает функцию немедленно
• Аргументы передаются массивом
• Полезен, когда аргументы уже находятся в массиве
• Синтаксис: fn.apply(thisArg, [arg1, arg2])

bind()

• Не вызывает функцию немедленно
• Возвращает новую функцию с навсегда привязанным this
• Привязанную функцию можно сохранить и вызвать позже
• Синтаксис: fn.bind(thisArg)

Краткое резюме ключевых различий

• Время выполнения: call() и apply() выполняются немедленно; bind() откладывает выполнение
• Формат аргументов: call() принимает отдельные аргументы; apply() принимает массив; bind() может опционально предустановить аргументы
• Возвращаемое значение: call() и apply() возвращают результат функции; bind() возвращает новую функцию

Когда использовать каждый метод

• Используй call(), когда аргументы известны заранее и нужен немедленный вызов
• Используй apply(), когда аргументы уже находятся в массиве
• Используй bind(), когда нужно сохранить контекст this для использования позже — например, в колбэках или обработчиках событий