ok

Author: iliakan

1-js/7-deeper/6-bind/6-ask-currying/task.md

@@ -0,0 +1,9 @@
+function makeLogging(f, log) {
+
+  function wrapper(a) {
+    log.push(a);
+    return f.call(this, a);
+  }
+
+  return wrapper;
+}

1-js/7-deeper/6-call-apply-decorators/1-logging-decorator/_js.view/solution.js

@@ -0,0 +1,50 @@
+describe("makeLogging", function() {
+  it("записывает вызовы в массив log", function() {
+    var work = sinon.spy();
+
+    var log = [];
+    work = makeLogging(work, log);
+    assert.deepEqual(log, []);
+
+    work(1);
+    assert.deepEqual(log, [1]);
+
+    work(2);
+    assert.deepEqual(log, [1, 2]);
+  });
+
+  it("передаёт вызов функции, возвращает её результат", function() {
+    var log = [];
+
+    function work(x) {
+      return x * 2;
+    }
+
+    work = sinon.spy(work);
+    var spy = work;
+    work = makeLogging(work, log);
+
+    assert.equal(work(1), 2);
+    assert(spy.calledWith(1));
+  });
+
+
+  it("сохраняет контекст вызова для методов объекта", function() {
+    var log = [];
+
+    var calculator = {
+      double: function(x) {
+        return x * 2;
+      }
+    }
+
+    calculator.double = sinon.spy(calculator.double);
+    var spy = calculator.double;
+    calculator.double = makeLogging(calculator.double, log);
+
+    assert.equal(calculator.double(1), 2);
+    assert(spy.calledWith(1));
+    assert(spy.calledOn(calculator));
+  });
+
+});

1-js/7-deeper/6-call-apply-decorators/1-logging-decorator/_js.view/test.js

@@ -0,0 +1,40 @@
+Возвратим декоратор `wrapper` который будет записывать аргумент в `log` и передавать вызов в `f`:
+
+```js run
+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)`.**
+
+Передача контекста необходима, чтобы декоратор корректно работал с методами объекта. Например:
+
+```js
+user.method = makeLogging(user.method, log);
+```
+
+Теперь при вызове `user.method(...)` в декоратор будет передаваться контекст `this`, который надо передать исходной функции через `call/apply`.
+

1-js/7-deeper/6-call-apply-decorators/1-logging-decorator/solution.md

@@ -0,0 +1,34 @@
+importance: 5
+
+---
+
+# Логирующий декоратор (1 аргумент)
+
+Создайте декоратор `makeLogging(f, log)`, который берет функцию `f` и массив `log`.
+
+Он должен возвращать обёртку вокруг `f`, которая при каждом вызове записывает ("логирует") аргументы в `log`, а затем передает вызов в `f`.
+
+**В этой задаче можно считать, что у функции `f` ровно один аргумент.**
+
+Работать должно так:
+
+```js
+function work(a) {
+  /* ... */ // work - произвольная функция, один аргумент
+}
+
+function makeLogging(f, log) { /* ваш код */ }
+
+var log = [];
+work = makeLogging(work, log);
+
+work(1); // 1, добавлено в log
+work(5); // 5, добавлено в log
+
+for (var i = 0; i < log.length; i++) {
+*!*
+  alert( 'Лог:' + log[i] ); // "Лог:1", затем "Лог:5"
+*/!*
+}
+```
+

1-js/7-deeper/6-call-apply-decorators/1-logging-decorator/task.md

@@ -0,0 +1,9 @@
+function makeLogging(f, log) {
+
+  function wrapper() {
+    log.push([].slice.call(arguments));
+    return f.apply(this, arguments);
+  }
+
+  return wrapper;
+}

1-js/7-deeper/6-call-apply-decorators/2-logging-decorator-arguments/_js.view/solution.js

@@ -0,0 +1,55 @@
+describe("makeLogging", function() {
+  it("записывает вызовы в массив log", function() {
+    var work = sinon.spy();
+
+    var log = [];
+    work = makeLogging(work, log);
+    assert.deepEqual(log, []);
+
+    work(1, 2);
+    assert.deepEqual(log, [
+      [1, 2]
+    ]);
+
+    work(3, 4);
+    assert.deepEqual(log, [
+      [1, 2],
+      [3, 4]
+    ]);
+  });
+
+  it("передаёт вызов функции, возвращает её результат", function() {
+    var log = [];
+
+    function sum(a, b) {
+      return a + b;
+    }
+
+    sum = sinon.spy(sum);
+    var spy = sum;
+    sum = makeLogging(sum, log);
+
+    assert.equal(sum(1, 2), 3);
+    assert(spy.calledWith(1, 2));
+  });
+
+
+  it("сохраняет контекст вызова для методов объекта", function() {
+    var log = [];
+
+    var calculator = {
+      sum: function(a, b) {
+        return a + b;
+      }
+    }
+
+    calculator.sum = sinon.spy(calculator.sum);
+    var spy = calculator.sum;
+    calculator.sum = makeLogging(calculator.sum, log);
+
+    assert.equal(calculator.sum(1, 2), 3);
+    assert(spy.calledWith(1, 2));
+    assert(spy.calledOn(calculator));
+  });
+
+});

1-js/7-deeper/6-call-apply-decorators/2-logging-decorator-arguments/_js.view/test.js

@@ -0,0 +1,33 @@
+Решение аналогично задаче <info:task/logging-decorator>, разница в том, что в лог вместо одного аргумента идет весь объект `arguments`.
+
+Для передачи вызова с произвольным количеством аргументов используем `f.apply(this, arguments)`.
+
+```js run
+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"
+}
+```
+

1-js/7-deeper/6-call-apply-decorators/2-logging-decorator-arguments/solution.md

@@ -0,0 +1,31 @@
+importance: 3
+
+---
+
+# Логирующий декоратор (много аргументов)
+
+Создайте декоратор `makeLogging(func, log)`, для функции `func` возвращающий обёртку, которая при каждом вызове добавляет её аргументы в массив `log`.
+
+Условие аналогично задаче <info:task/logging-decorator>, но допускается `func` с любым набором аргументов.
+
+Работать должно так:
+
+```js
+function work(a, b) {
+  alert( a + b ); // work - произвольная функция
+}
+
+function makeLogging(f, log) { /* ваш код */ }
+
+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"
+}
+```
+

1-js/7-deeper/6-call-apply-decorators/2-logging-decorator-arguments/task.md

@@ -0,0 +1,11 @@
+function makeCaching(f) {
+  var cache = {};
+
+  return function(x) {
+    if (!(x in cache)) {
+      cache[x] = f.call(this, x);
+    }
+    return cache[x];
+  };
+
+}