Javascript от нуля до героя #61 Bind (Синтаксис и пример для новичка👭

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

Синтаксис:

Синтаксис метода bind() следующий: function.bind(thisArg[, arg1[, arg2[, ...]]]). Если вам это показалось слишком сложным, не беспокойтесь об этом. Здесь thisArg — это значение, которое будет привязано к this при вызове связанной функции. Последующие необязательные аргументы, arg1, arg2 и т. д., представляют собой аргументы, которые должны быть предварительно указаны при вызове связанной функции.

Создание связанной функции

Давайте подробнее рассмотрим, как создать связанную функцию с помощью метода bind():

const originalFunction = function(arg1, arg2) {
  console.log(this.name, arg1, arg2);
};

const boundFunction = originalFunction.bind({ name: 'Bound' }, 'Argument1');

boundFunction('Argument2');
// Output: Bound Argument1 Argument2

В приведенном выше примере мы создаем связанную функцию boundFunction, вызывая bind() для originalFunction. Мы передаем { name: 'Bound' } в качестве параметра thisArg, который устанавливает значение this внутри originalFunction для предоставленного объекта. Дополнительно предварительно указываем аргумент 'Argument1' для связанной функции. Когда мы вызываем boundFunction('Argument2'), он выводит ожидаемый результат, комбинируя связанное значение this и предоставленные аргументы.

Другие интересные методы функций, такие как вызов и применение, будут обсуждаться в последующих статьях блога. Хорошего дня 🌼