자바스크립트 리턴값 (return 키워드)

자바스크립트에서 return 키워드로 함수를 호출한 곳으로 값을 넘길 수 있다.

원래 return 키워드는 함수가 실행되는 도중에 함수를 호출한 곳으로 돌아가라는 의미이다.

따라서 return 키워드를 사용하면 값을 지정하지 않아도 함수를 호출한 곳으로 돌아간다.

다음 예제를 보자.

<script>

//함수 생성

function returnFunction() {

alert('문장 A');

return;

alert('문장 B');

}

//함수 호출

returnFunction();

</script>

출력 결과는 어떻게 나올까?

return 키워드를 '문장 B' 이전에 사용했기 때문에

해당 위치에서 함수가 종료된다.

따라서 '문장 A'만 출력된다.

그렇다면, 아무 값도 리턴하지 않으면 어떠한 결과가 출력될까?

다음 예제를 살펴보자.

<script>

//함수 생성

function returnFunction() {

alert('문장 A');

return;

alert('문장 B');

}

//함수 호출

var output = returnFunction();

alert(typeof (output) + ' : ' + output);

</script>

위에 코드를 실행하면, '문장 A' 경고창이 한번 출력된다.

그리고 변수 output의 자료형과 값을 출력하는데

함수에서 아무 값도 리턴하지 않았기 때문에

자료형, 값이 모두 undefined로 출력된다.

참고 서적 : 모던 웹을 위한 JavaScript + jQuery 입문(개정판)

윤인성 지음. 한빛미디어