Для чего нужен bind?

Question

[JackShcherbakov]

Не понимание предназначения bind. История такова:
Читаю учебник. Там приводится вот такой код для привязки контекста:

function bind(func, context) {
  return function() {
    return func.apply(context, arguments);
  };
}

var user = {
  firstName: "Вася",
  sayHi: function() {
    alert( this.firstName );
  }
};

setTimeout(bind(user.sayHi, user), 1000);

Суть кода в том, что бы пока этот таймер отсчитывал милисекунды, и в этот момент переменная изменилась, то все равно должна вывестить переменная, которая была в момент запуска, а не последнее значения до результата выполнения таймера.
После этого кода автор пишет

Теперь всё в порядке!

Но вот только ничего не в порядке.
Этот код прекрасно демонстрирует неисправность кода выше https://codepen.io/CitizenOne/pen/aVdGQy
Просто во время работы таймера тыкнете на красный квадрат, то есть так, что бы во время работы переменная изменилась. Хотя по идее всегда должно выводиться "Вася", а не "Вова" если мы тыкнем на красный квадрат

Источник - https://learn.javascript.ru/bind#решение-2-bind-дл...

Comments

[Павел Корнилов]

А на зачем вообще такие костыли, если с ES-5 есть нативный бинд???
apply & call - исполняют функцию с указанным контекстом, а bind - ее возвращает. То есть, каждому инструменту - свое применение. А подобная каша вообще работает неочевидно и никому не нужна.

Answer 1

[Վիտալի Լագունով]

Вы что-то путаете. Пока ты не кликнул на квадрат, выводится Вася, а если кликнул, то Вова, т. е. всё правильно.

Вероятно, Вам нужно учить JS. Что такое объекты, переменные, простые значения vs объекты и т. д. (а лучше вообще весь JS).

Хотя по идее всегда должно выводиться "Вася", а не "Вова"

Что за :) Учите JS.

Comments

[JackShcherbakov]

Я учу. Изменил вопрос. Для чего он нужен. Я просто понять не могу и думаю для чего он нужен если можно протсо в обертку запихать функцию. В статье решается следуящая проблема

А что, если до срабатывания setTimeout (ведь есть целая секунда) в переменную user будет записано другое значение? К примеру, в другом месте кода будет присвоено user=(другой пользователь)… В этом случае вызов неожиданно будет совсем не тот!

[Վիտալի Լագունով]

Без разницы, что написано в статье. Вы привязали функцию к объекту. Объект изменился. Понятное дело, что теперь, когда Вы снова обратитесь к объекту, Вы получите новое значение. Язык же не может вернуться в прошлое и узнать, что за значение там было раньше.

Если Вы хотели привязать именно к значению, а не к объекту, содержимое которого может в любой момент меняться, то нужно было привязывать к значению, а не к объекту.

А если Вы привязали к объекту, то сама привязка более чем успешно работает — Вы всегда обращаетесь к одному и тому же объекту, но его содержимое может меняться.

[Վիտալի Լագունով]

Перед задаванием настолько элементарных вопросов лучше вначале хотя бы каплю изучите язык. На тостере нет фильтра по категориям уровня вопросов.

[Վիտալի Լագունով]

И да, в целом бинд кстати очень редко нужен — вместо него почти всегда подходят стрелочные функции.