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

Решение с bind

Решение через замыкание

К условию

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

Решение с bind

Решение с локальной переменной

К условию

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

Логирующий декоратор (1 аргумент)

Возвратим декоратор wrapper который будет записывать аргумент в log и передавать вызов в f :

function work(a) {

/*...*/ // work ‐ произвольная функция, один аргумент
}
function makeLogging(f, log) { function wrapper(a) {
log.push(a);
return f.call(this, a);
}

return wrapper;

}

var log = [];

work = makeLogging(work, log);

work(1); // 1

work(5); // 5

for (var i = 0; i < log.length; i++) {

alert( 'Лог:' + log[i] ); // "Лог:1", затем "Лог:5"
}

Обратите внимание, вызов функции осуществляется как f.call(this, a) , а не просто f(a) .

Передача контекста необходима, чтобы декоратор корректно работал с методами объекта. Например:

user.method = makeLogging(user.method, log);

Теперь при вызове user.method(...) в декоратор будет передаваться контекст this , который надо передать исходной функции через

call/apply .

Открыть решение с тестами в песочнице. ^

К условию

Логирующий декоратор (много аргументов)

Решение аналогично задаче Логирующий декоратор (1 аргумент), разница в том, что в лог вместо одного аргумента идет весь объект

arguments .

Для передачи вызова с произвольным количеством аргументов используем f.apply(this, arguments) .

function work(a, b) {

alert( a + b ); // work ‐ произвольная функция
}
function makeLogging(f, log) { function wrapper() {
log.push([].slice.call(arguments)); return f.apply(this, arguments);
}

return wrapper;

}

var log = [];

work = makeLogging(work, log);

work(1, 2); // 3

work(4, 5); // 9

for (var i = 0; i < log.length; i++) {

var args = log[i]; // массив из аргументов i‐го вызова alert( 'Лог:' + args.join() ); // "Лог:1,2", "Лог:4,5"
}

Открыть решение с тестами в песочнице. ^

К условию