Что произойдет, если последовательно связать два контекста?

Если последовательно связать два контекста с помощью методов call, apply или bind, то второй контекст будет игнорирован. У всех этих методов приоритет отдается первому переданному контексту. При использовании bind будет создана новая функция с привязанным первым контекстом.

Рассмотрим на примере bind:

// Объект, имитирующий первый контекст
const context1 = {
  name: 'Контекст 1'
};

// Объект, имитирующий второй контекст
const context2 = {
  name: 'Контекст 2'
};

// Функция, которая будет использовать контекст
function greet() {
  // Выводит значение свойства 'name' из текущего контекста (this)
  console.log(`Привет из: ${this.name}`);
}

// Привязываем функцию greet к context1
const boundGreetToContext1 = greet.bind(context1);

// Попытка повторно привязать boundGreetToContext1 к context2
const boundGreetToContext2 = boundGreetToContext1.bind(context2);

// Вызываем boundGreetToContext2
boundGreetToContext2(); // Вывод: Привет из: Контекст 1

// При попытке применить call или apply ко второй привязанной функции

boundGreetToContext2.call(context2); // Вывод: Привет из: Контекст 1
boundGreetToContext2.apply(context2); // Вывод: Привет из: Контекст 1

В данном примере boundGreetToContext1 уже имеет привязанный контекст context1. Повторная привязка к context2 с помощью bind игнорируется. Вызов boundGreetToContext2 (как и применение к ней call или apply) всегда будет использовать контекст, установленный при первой привязке (context1).