Как реализовать такой калькулятор на JS?

Question

[dmitriyivvvv]

Добрый день. Задался идеей как реализовать такой калькулятор:
const calc = new Calc;
calc.one.plus.two // 3
calc.one.minus.four // -3
calc.one.plus.one.minus.two // 0
calc.one // 1
и т.д. У него 4 операции(divide, plus, minus, times) и цифры от 0 до 9.
Подскажите инфу по схожей теме.

Comments

[dmitriyivvvv]

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

typeof Calc.one.plus.one // 'object'
Calc.one.plus.one + 1 // 3

И при использовании подряд двух чисел/операторов нужно возвращать undefined:

Calc.one.two // undefined;
Calc.one.plus.plus // undefined

class Magic {
    constructor() {
      this.operators = {
        parent: this,
        get plus() {return this.parent.op = (a, b) => a + b, this.parent;},
        get minus() {return this.parent.op = (a, b) => a - b, this.parent;},
        get dividedBy() {return this.parent.op = (a, b) => a / b, this.parent;},
        get times() {return this.parent.op = (a, b) => a * b, this.parent;}
      }
      this.op = undefined;
      ['zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten'].forEach((v, i) => Object.defineProperty(this, v, {
        get() {return this.op ? this.queue(this.operators.valueOf(), i, this.op) : this.queue(i)}
      }));
    }
    queue(x, y, fn) {
      this.operators.valueOf = function() { return fn ? fn(x, y) : x; }
      this.op = undefined;
      return this.operators;
    }
}
var Calc = new Magic;

[dmitriyivvvv]

Отрефакторил:

class Operations {
  constructor(v) {
    this.v = v;
  }
  get plus() { return new Values(x => this.v + x); }
  get minus() { return new Values(x => this.v - x); }
  get times() { return new Values(x => this.v * x); }
  get dividedBy() { return new Values(x => this.v / x); }
  valueOf() { return this.v; }
}

class Values {
  constructor(op = v => v) {
    this.op = op;
    ['zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten'].forEach((p, v) => {
      Object.defineProperty(this, p, {
        get: function() { return new Operations(this.op(v)); }
      });
    });
  }
}

const calc = new Values;

Answer 1

[abberati]

Вам нужны геттеры и chaining методов. Гугл в помощь.

Answer 2

[Stockholm Syndrome]

function Calc() {
  let state = {};

  let digits = ['zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine'];
  for (let i = 0, l = digits.length; i < l; i++) {
    Object.defineProperty(this, digits[i], {
      get: function() {
        if (!state.o) {
          state.v = i;
          return this;
        }

        if (state.o === 'plus') state.v = state.v + i; 
        if (state.o === 'minus') state.v = state.v - i; 
        if (state.o === 'times') state.v = state.v * i; 
        if (state.o === 'divide') state.v = state.v / i; 

        return this;
      }
    });
  }

  let operations = ['plus', 'minus', 'times', 'divide'];
  for (let i = 0, l = operations.length; i < l; i++) {
    Object.defineProperty(this, operations[i], {
      get: function() {
        state.o = operations[i]; 
        return this;
      }
    });
  } 

  this.value = function() {
    let {v} = state;
    state = {};
    return v;
  }; 
}

let calc = new Calc();
console.log(calc.one.plus.two.value()); // 3
console.log(calc.one.minus.four.value()); // -3
console.log(calc.one.plus.one.minus.two.value()); // 0
console.log(calc.one.value()); // 1