Javascript 내용정리 (4)

return의 이용

 

지금까진 console.log()를 이용하여 함수 등의 결과를 console에 표시했다.

물론 처음 배우는 입장에서 console.log()를 통해 매 단계의 결과를 확인하는것은 중요하다.

그러나 console.log로는 할 수 없는 작업이 있다. 바로 '결과값을 저장하여 불러오기' 이다. (사실 이게 맞는 표현인지는 모르겠다)

 

return

ex)

const calculater = {
	add: function (a, b){
    	return a + b;
    },
};

const addResult = calculater.add(2, 5);
console.log(addResult);

위의 코드는 Javascript 내용정리 (3)의 2.번과 비슷한 예시이다. 그러나 여기선 console.log 대신 return을 사용했다.

return을 통해 표현된 함수의 값은 위 예시의 addResult와 같이 따로 불러오는것이 가능하다.

(함수의 계산 결과를 따로 떼서 변수의 값으로 지정할 수 있다는 점, 그리고 그렇게 만들어진 변수를 따로 가공할 수 있다는 점에서 return의 용도가 강력하다는 것을 알 수 있다.)

 

ex2)

const calculater = {
	add: function(a, b){
		return a + b;
		console.log("Hi");
	},
}

 

위와 같은 코드를 작성했다고 하자.

배운대로라면

1) a + b의 값이 저장됨

2) 그 후 Hi라는 문자열이 console에 저장됨

 

그러나 위의 코드를 실행시켜 보면, Hi라는 문자열은 console에 찍히지 않는다. 왜일까?

바로 함수는 return을 기점으로 종료되기 때문이다.

원래 의도대로 Hi라는 문자열을 console에 찍고 싶으면, return a + b; 위에 console.log("Hi");를 넣으면 된다.