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

Кросс‑браузерная эмуляция bind

важность: 3

Если вы вдруг захотите копнуть поглубже – аналог bind для IE8‑ и старых версий других браузеров будет выглядеть следующим образом:

function bind(func, context /*, args*/) {

var bindArgs = [].slice.call(arguments, 2); // (1) function wrapper() { // (2)
var args = [].slice.call(arguments);
var unshiftArgs = bindArgs.concat(args); // (3) return func.apply(context, unshiftArgs); // (4)
}
return wrapper;
}

Использование – вместо mul.bind(null, 2) вызывать bind(mul, null, 2) .

Не факт, что он вам понадобится, но в качестве упражнения попробуйте разобраться, как это работает. К решению

Запись в объект после bind

важность: 5

Что выведет функция?

function f() { alert( this );

}

var user = {

g: f.bind("Hello")
}

user.g();

К решению

Повторный bind

важность: 5

Что выведет этот код?

function f() { alert(this.name);

}

f = f.bind( {name: "Вася"} ).bind( {name: "Петя" } ); f();

К решению

Свойство функции после bind

важность: 5

В свойство функции записано значение. Изменится ли оно после применения bind ? Обоснуйте ответ.

function sayHi() { alert( this.name );

}
sayHi.test = 5;
alert( sayHi.test ); // 5
var bound = sayHi.bind({ name: "Вася"
});

alert( bound.test ); // что выведет? почему?

К решению

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

важность: 5

Вызов user.checkPassword() в коде ниже должен, при помощи ask , спрашивать пароль и вызывать loginOk/loginFail в зависимости от правильности ответа.

Однако, его вызов приводит к ошибке. Почему?

Исправьте выделенную строку, чтобы всё работало (других строк изменять не надо).

"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',

loginOk: function() {

alert( this.login + ' вошёл в сайт' );
},

loginFail: function() {

alert( this.login + ': ошибка входа' );
},


checkPassword: function() {
ask("Ваш пароль?", this.password, this.loginOk, this.loginFail);
}
};

user.checkPassword();

P.S. Ваше решение должно также срабатывать, если переменная user будет перезаписана, например вместо user.checkPassword() в конце будут строки:

var vasya = user; user = null;

vasya.checkPassword();

К решению