Returns

혜빈·2024년 5월 1일

JS

목록 보기
17/21

calculator object 만들어보기

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


return

  • 우리는 console에서 결과를 보는 것 보다 function 밖에서 결과 값을 얻길 원함
  • 즉, 우리는 console이 아닌 화면에 출력하거나, 무언가를 변경하거나, data를 받아서 사용하기를 원함
  • 예를들어 사용자가 ToDo를 준다면 그 ToDo를 받아서 array에 넣고 싶음
  • data를 얻어서 그 data로 무언가를 해야 함
  • return을 사용하면 됨
  • function 안에서 무언가를 reuturn하면 계산을 담당하는 function의 코드는 그 function이 return하는 값과 같아질 것임

return으로 바꾼 코드

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

const plusResult = calculator.plus(2, 3);

console.log(plusResult);
  • return을 사용하면 상호의존성이 발생함(서로 연결됨)
  • 아래와 같은 코드를 실행시킬 수 있음
const plusResult = calculator.plus(2, 3);
const minusResult = calculator.minus(pluseResult, 10);
const multiResult = calculator.multi(10, minusResult);
const powerResult = calculator.power(multiResult, pluseResult);
  • variable에 function을 할당하면 이 variable은 function의 return value를 가지게 됨

  • return을 하는 순간 function은 종료됨

  • 따라서, return 후에 console.log를 실행해도 실행되지 않음

  • function은 계속 남아있는게 아님. 실행되고 나면 사라지고, 마지막엔 결과를 남김.

profile
최강 개발자를 꿈꾸는 병아리

0개의 댓글