Utwórz kalkulator (JS)

Question

Mam linię calc(2).add(3).add(5).res()i muszę napisać rozwiązanie, które mam 10w rezultacie. Próbowałem tego

class Calc{
    constructor(num){
        this.num = num
    }

    add(a){
        this.num += a;
        return this;
    }

    res() {
        return this.num;
    }
}
let calc = new Calc(2)
console.log(calc.add(3).add(5).res())

ale w moim przypadku przejść 2w new Calc(2)nie w calc(2). Jak mogę to zmienić?

Będę naprawdę wdzięczny za każdą pomoc!

Answer 1

Możesz mieć eleganckie rozwiązanie wykorzystujące siłę zamknięć:

function calc(x) {
  return {
    res: function() {
      return x;
    },
    add: function(y) {
      return calc(x + y)
    }
  }
}

test(
  10,
  calc(10).res()
);
test(
  10,
  calc(3).add(7).res()
);
test(
  10,
  calc(8).add(2).res()
);
test(
  10,
  calc(2).add(3).add(5).res()
);


function test(expected, actual) {
  console.log(
`result is: ${actual} correct: ${actual === expected}
`)
}

calcFunkcja przyjmuje początkową liczbę nazwie xi zwraca obiekt z dwóch metod:

• res() po prostu zwraca liczbę
• add()weźmie parametr y, zsumuje go xi wywoła calcponownie z wynikiem.

Więc twój interfejs jest całkowicie spójny: calc(10)będzie taki sam jak calc(3).add(7)lub calc(8).add(2)lub calc(2).add(3).add(5). Możesz łączyć addpołączenia tak często, jak chcesz i zawsze będzie tak samo. Dzwonienie res()zakończy łańcuch i po prostu poda numer, który calcaktualnie posiada - czy to zrobiłeś, calc(10).res()czy calc(2).add(3).add(5).res().

Kod można bardzo skrócić za pomocą funkcji strzałkowych:

const calc = x => ({
  res: () => x,
  add: y => calc(x + y)
});

test(
  10,
  calc(10).res()
);
test(
  10,
  calc(3).add(7).res()
);
test(
  10,
  calc(8).add(2).res()
);
test(
  10,
  calc(2).add(3).add(5).res()
);


function test(expected, actual) {
  console.log(
`result is: ${actual} correct: ${actual === expected}
`)
}

Inne operacje można również łatwo dodać przy użyciu tego samego wzorca:

const calc = x => ({
  res: () => x,
  add: y => calc(x + y),
  sub: y => calc(x - y),
  mul: y => calc(x * y),
  div: y => calc(x / y)
});

test(
  2,
  calc(5).add(5).mul(2).sub(4).div(8).res()
  // (((5 + 5) * 2) - 4) / 8 = 
  // ((10 * 2) - 4) / 8 = 
  // (20 - 4) / 8 = 
  // 16 / 8 = 2
);


function test(expected, actual) {
  console.log(
`result is: ${actual} correct: ${actual === expected}
`)
}

Zauważ, że ponieważ każda operacja jest wykonywana natychmiast, więc jedynym priorytetem, jaki masz obecnie, jest to, co jest pierwsze.

Answer 2

Gdybym dobrze zrozumiał, byłby to sposób na zrobienie tego:

class Calc{
    constructor(num){
        this.num = num
    }

    add(a){
        this.num += a;
        return this;
    }

    res() {
        return this.num;
    }
}
let calc = function(num){ return new Calc(num) }
console.log(calc(2).add(3).add(5).res())

Answer 3

Możesz zdefiniować calcjako funkcję zwracającą obiekt Calc.

class Calc{
    constructor(num){
        this.num = num
    }

    add(a){
        this.num += a;
        return this;
    }

    res() {
        return this.num;
    }
}

const calc = (input) => new Calc(input);
console.log(calc(2).add(3).add(5).res())