Для чего метод bind с решении задачи?

Question

[gleendo]

Учу JS, дошел до темы где разбирается метод bind.
Прочитал лекцию, но практически ничего не понял.
А именно как именно происходит потеря контекста? Как это понять? Как я понял при потере и нужно использовать bind.

Попробывал решить представленные там задачи. Думал думал, но так как не смог разобраться с лекцией, то и задачи естественно не смог решить.
Посмотрел решение, но так и не понял, почему именно нужно использовать bind. Для меня очевидным кажется если просто передать функцию с this, то все будет правильно, но как оказывается, ничего не работает, а если передать с bind (this.function.bind(this, args)), то работет.

Помогите разобраться что к чему, объясните пожалуйста следующее решение задачи:

"use strict";

function ask(question, answer, ok, fail) {
  var result = prompt(question, '');
  if (result.toLowerCase() == answer.toLowerCase()) ok();
  else fail();
}

var user = {
  login: 'Василий',
  password: '12345',

  // метод для вызова из ask
  loginDone: function(result) {
    console.log( this.login + (result ? ' вошёл в сайт' : ' ошибка входа') );
  },

  checkPassword: function() {
    ask("Ваш пароль?", this.password,
        this.loginDone.bind(this, true)
      ,
        this.loginDone.call(this, false)
    );
  }
};

var vasya = user;
user = null;
vasya.checkPassword();

Answer 1

[Евгений]

Метод bind привязывает контекст к конкретной функции, и т.к. вы передаете эту функцию за пределы данного объекта то при вызове этой функци если не привязать контекст, this будет ссылаться на ту область, где была вызвана эта функция.
+ в метод bind можно сразу передать аргументы и при этом функция не будет выполнена, т.к. bind возвращает замыкание.
Если что, могу помочь в скайпе: lithium100500

Comments

[gleendo]

Тогда объясните пожалуйста, какой контекст будет у переданной функции loginDone, если не привязывать контекст, передав просто this.loginDode(true/false)?

И объясните пожалуйста, почему не будет работать если просто явно указать объект, передав вот так: user.loginDone(true/false)?

[Евгений]

con_: Контекст будет "undefined". И просто передав this.loginDode(true/false) не получится, т.к. вы уже вызвали эту функцию, как я и говорил в случае с bind вы передаете замыкание и уже после вызываете эту функцию с переданными ранее параметрами. По поводу user.loginDone(true/false) это тоже самое что и this.loginDone(true/false) вы так же уже вызываете функцию.

Answer 2

[Сергей Протько]

А именно как именно происходит потеря контекста?

Достаточно вызвать функцию в другом контексте:

var foo = {
    bar: function () {
        console.log(this);
    }
};
var bar = { bar: foo.bar };
foo.bar(); // вызываем функцию в контексте foo.
bar.bar(); // вызываем функцию но уже в контексте bar

В вашем случае вам нужно явно передать контекст во вложенную анонимную функцию.