JS_calculator code

클린 코드

const calculator = {

    add : function(a, b){
        console.log(a + b);
    },

    minus : function(a, b){
        console.log(a - b);
    },

    multiple : function(a, b){
        console.log(a * b);
    },

    divide : function(a, b){
        console.log(a / b);
    },

    power : function(a, b){
        console.log(a ** b);
    },
};

 

위 코드를 좀 더 간결하게 정리할 수는 없을까? 선배님들께 피드백을 요청하여 아래와 같이 수정을 했다.

 

//version 2

const calculator = {
    add(a, b) { console.log(a + b)},
    minus(a, b) { console.log(a - b)},
    multiple(a, b) { console.log(a * b)},
    divide(a, b) { console.log(a / b)},
    power(a, b) { console.log(a ** b)},
};

calculator.add(10, 2);
calculator.minus(10, 2);
calculator.multiple(10, 2);
calculator.divide(10, 2);
calculator.power(10, 2);

 

methodName : function(a, b)가 -> methdName(a, b)로 줄여졌다.

 

//version 3

const calculator = {
    add: (a, b) => a + b,
    minus: (a, b) => a - b,
    multiple: (a, b) => a * b,
    divide: (a, b) => a / b,
    multiple: (a, b) => a ** b,
};

console.log(calculator.add(2, 10));
console.log(calculator.minus(2, 10));
console.log(calculator.multiple(2, 10));
console.log(calculator.divide(2, 10));
console.log(calculator.multiple(2, 10));

 

이렇게도 줄일 수 있다고 한다.

add : function(a, b) {a + b}가 아예 add: (a,b) => a + b 로 바뀌어버렸다.

function 함수가 사라지고 ‘{}’도 =>로 바뀌었다. 개인적으로 세 번째의 코드가 가독성이 좋다고 생각하지만 현업에서 이런 방식으로 코드를 작성하는지 잘 모르겠다.