[JS] 함수에 console.log 대신 return 쓰는 이유?

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);
  },
};

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

위와 같이 calculator 객체를 통해 계산기를 구현하였다.
위 코드처럼 return 대신 console.log를 써도 되지 않을까? 라는 생각을 할 수 있다.
하지만 그것은 큰 오산이다. 왜? 아래 코드로 가보자.

 

 

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

const addResult = calculator.add(10, 5);
const minusResult = calculator.minus(10, 5);
const mulResult = calculator.multiple(10, 5);
const divResult = calculator.divide(10, 5);
const powerResult = calculator.power(10, 5);

return은 카페나 식당의 테이크아웃 개념이라고 생각해도 된다.
함수에서 만들어서 내보낸 결과값을 함수 밖으로 들고 나가서(addResult 처럼)
다른데서 그대로 출력하건 다른 거랑 섞어서 비벼먹건 볶아먹건 사용할 수 있게 해준다.

 

 

결론

console.log는 일시적으로 보여주는 그림의 떡이다.
원할때 꺼내먹으려면 return이 필요하다.