Привязка контекста "bind"

[Mixail.09]

Здравствуйте. Подскажите пожалуйста такой момент:

 

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

setTimeout(function() {user.sayHi();}, 1000);

 

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

 

и приводит вот такое решение:

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

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

 

Так ведь и здесь до срабатывания кода может изменится user.firstName ? или не может?

 

[Igor Schnaider]

Конечно, может.

[Mixail.09]

И в чем же тогда решение?

Типа в первом примере до срабатывания ф-ции может измениться обьект, по этому вот вам второе решение(правда и там обьект до срабатывания может измениться) и в чем же решение?

[Igor Schnaider]

Это откуда, оставьте ссылку.

[andrey7287]

 Это из кантора.

 

и в чем же решение?

 

 

В этом случае код привязан непосредственно к объекту а не к переменной user. На всякий случай напомню, что user - это не сам объект а ссылка на него. То есть мы можем присвоить для user другой объект, о чём и идёт речь.

К примеру, в другом месте кода будет присвоено user=(другой пользователь)

 

Попробуйте 

user = {}

В первом варианте будет ошибка, во втором код продолжит работать.

[Igor Schnaider]

oops. Я неправильно вопрос понял. Думал, изменяется user.name, а он имел ввиду весь объект.

[Mixail.09]

А вот этот код почему не работает? ни как не пойму

 

http://codepen.io/anon/pen/eZgVoR

[andrey7287]

Потому что функция не вызывается. Замените bind на call.

[Mixail.09]

Потому что функция не вызывается. Замените bind на call.

спасибо, убрал лишние ф-ции обертки, все заработало.