Как сделать такой вызов функций?

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, конечно.

Comments

[Magnus Keef]

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

[Роман]

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

[0xD34F]

Magnus Keef,

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

То есть, вы сами не знаете, чего вам надо. Круто, чо.

Работает.

function Calc() {
  let res = 0;
  const calc = {
    add: function add(x){
      if (!isNaN(x)) res += x;
      return add;
    },
    sub: function sub(x){
      if (!isNaN(x)) res -= x;
      return sub;
    },
    div: function div(x){
      if ((!isNaN(x)) && (x !== 0)) res /= x;
      return div;
    },
    mul: function mul(x){
      if (!isNaN(x)) res *= x;
      return mul;
    },
    result: function result(){
      return res;
    },
    reset: function reset(){
      res = 0;
      return reset;
    }
  };
  Object.values(calc).forEach(n => Object.entries(calc).forEach(([ k, v ]) => n[k] = v));
  return calc;
}
const calc = Calc();
calc.add(1)(2)(3).sub(4).mul(5)(6).result(); // 60

[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;
}