Можно ли переопределить контекст выполнения функции повторным вызовом bind? Как ведёт себя "двойной" bind?

Поведение повторного bind

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

Пример кода

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

const obj1 = { name: 'Alice' };
const obj2 = { name: 'Bob' };

const boundGreet = greet.bind(obj1);
const doubleBound = boundGreet.bind(obj2);

doubleBound(); // Выведет: Hello, Alice

Как видно, даже после второго bind контекст остался obj1. Это происходит потому, что boundGreet уже является функцией с фиксированным this, и повторный bind просто создает еще одну обертку, которая вызывает boundGreet, игнорируя новый контекст.

Где это применяется

Такое поведение полезно для гарантии, что функция всегда будет выполняться в нужном контексте, особенно при передаче колбэков в события или асинхронные операции. Например, в React-компонентах часто используют bind в конструкторе, чтобы методы класса всегда имели доступ к экземпляру компонента.

Вывод

Повторный вызов bind не переопределяет контекст — первый вызов устанавливает его навсегда. Это стоит учитывать, когда нужно гарантировать стабильность контекста, но если требуется динамическое изменение this, лучше использовать call или apply.