Сборка от 17 марта 2017 г

Использование функции вопросов с каррингом

важность: 5

Эта задача – усложнённый вариант задачи Использование функции вопросов. В ней объект user изменён.

Теперь заменим две функции user.loginOk() и user.loginFail() на единый метод: user.loginDone(true/false) , который нужно вызвать с true при верном ответе и fail – при неверном.

Код ниже делает это, соответствующий фрагмент выделен.

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

Как бы вы написали правильно?

Исправьте выделенный фрагмент, чтобы код заработал.

"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) {

alert( this.login + (result ? ' вошёл в сайт' : ' ошибка входа') );
},


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

var vasya = user; user = null;

vasya.checkPassword();

Изменения должны касаться только выделенного фрагмента.

Если возможно, предложите два решения, одно – с использованием bind , другое – без него. Какое решение лучше? К решению

Функции‑обёртки, декораторы

JavaScript предоставляет удивительно гибкие возможности по работе с функциями: их можно передавать, в них можно записывать данные как в объекты, у них есть свои встроенные методы…

Конечно, этим нужно уметь пользоваться. В этой главе, чтобы более глубоко понимать работу с функциями, мы рассмотрим создание функций‑обёрток или, иначе говоря, «декораторов».
Декоратор ^ – приём программирования, который позволяет взять существующую функцию и изменить/расширить ее поведение.


Декоратор получает функцию и возвращает обертку, которая делает что‑то своё «вокруг» вызова основной функции.