Как, единожды обратившись к объекту, вызывать один за другим несколько методов?

Question

[Magnus Keef]

Есть калькулятор, вызов методов которого можно осуществлять следующим образом:

console.log(Calculator.getResult()); // 0

Calculator.add(4)(1);

console.log(Calculator.getResult()); // 5

Calculator.subtract(1)(1)(1)(2);

console.log(Calculator.getResult()); // 0

Калькулятор - фул код

function Calc(){
  var res = 0;
  return {
    add: function add(x){
      if (!isNaN(x)) res += x;
      return add;
    },
    subtract: function sub(x){
      if (!isNaN(x)) res -= x;
      return sub;
    },
    divide: function div(x){
      if ((!isNaN(x)) && (x !== 0)) res /= x;
      return div;
    },
    multiply: function mult(x){
      if (!isNaN(x)) res *= x;
      return mult;
    },
    getResult: function (){
      return res;
    },
    reset: function (){
      res = 0;
      return res;
    }
  }
}
var Calculator = new Calc();
module.exports = Calculator;

Необходимо модифицировать данный код, чтобы был возможен вызов методов следующим образом:

const result = Calculator.add(100)
    .multiply(2)
    .divide(20)
    .reset()
    .subtract(1)
    .getResult();

console.log(result); // -1

Как это осуществить? Что вообще происходит (должно происходить) при таком вызове?

Comments

[Lynn «Кофеман»]

А оно должно продолжать уметь странное? В смысле .substract(1)(2)(3).divide(4)?

[Magnus Keef]

Алексей Тен, Честно, не уверен, что должно, но если возвращать this тогда этого "странного" больше не будет:D

Answer 1

[0xD34F]

Возвращайте this из всех методов. Кроме getResult, конечно.

UPD. Нет, возвращаемые значения трогать не надо - что-то сразу не понял, что возможность несколько раз подряд вызывать метод после однократного обращения к нему по имени, должна остаться. Добавляем методам в качестве свойств ссылки на все методы:

function Calc() {
  let val = 0;
  const calc = {
    add: x => (isNaN(x) || (val += x), calc.add),
    sub: x => (isNaN(x) || (val -= x), calc.sub),
    mul: x => (isNaN(x) || (val *= x), calc.mul),
    div: x => (isNaN(x) || !x || (val /= x), calc.div),
    reset: () => (val = 0, calc),
    result: () => val,
  };
  const t = Object.entries(calc);
  t.forEach(n => t.forEach(([ k, v ]) => n[1][k] = v));
  return calc;
}

const calc = Calc();
calc.add(1)(2)(3).sub(4).mul(5)(6).result(); // 60

Comments

[Magnus Keef]

Спасибо, это работает Ссылка на jsbin
Но в этом случае не работает подобный способ:
Calculator.subtract(1)(1)(1)(2);
Так и должно было быть? Просто я не понимаю принцип работы ни первого ни второго метода

[Роман]

Magnus Keef, на классах такое сделать можно но несколько геморойно. Но если вместо классов es6 использовать функции, то вполне легко реализуемо.
Вечером доберусь до компа, покажу оба варианта.

[0xD34F]

Но в этом случае не работает <...> Так и должно было быть?

Не знаю. А вам как надо? Дополнил ответ.

[RAX7]

Magnus Keef, https://jsbin.com/wesupirize/edit?js,console

[Роман]

Magnus Keef, вижу вам уже сделали 2 рабочих варианта, так что смысла делать еще один не вижу.

Answer 2

[Дмитрий Беляев]

function Calc() {
    let v = 0;
    const proto = {
        add(x) { v += x; },
        subtract(x) { v -= x; },
        divide(x) { x && (v /= x); },
        multiply(x) { v *= x; }
    };
    const keys = Object.keys(proto);
    const ctx = keys.reduce((acc, key) => {
        const wrap = x => ((!isNaN(x) && proto[key](Number(x))), wrap);
        return ((acc[key] = wrap), acc);
    }, {
        getResult: () => v,
        reset: () => ((v = 0), ctx)
    });
    keys.forEach(key => Object.assign(ctx[key], ctx));
    return ctx;
}