학원/복기

[JavaScript] Return 명령

조가루 2023. 6. 6. 02:07

Return 명령 

return 명령은 함수를 강제로 종료하기 위한 명령이며, 함수의 내부값(함수 명령의 처리 결과값)을 반환하는 기능을 제공한다.


 

return의 역할

 

return의 가장 기본적인 역할은 함수를 종료해 주는 것이다.

function display(name) {
	if(name=="김민지") {
		alert("관리자님, 안녕하세요.");
		return;//함수 종료 
	}
		alert(name+"님, 안녕하세요.");
	}
    
display("김민지");//"관리자님, 안녕하세요."
display("강해린");//"강해린님, 안녕하세요."

 

return의 또 다른 역할은 함수 내부의 값을 외부로 반환하여 사용할 수 있도록 해주는 것이다.

function sum(num1, num2) {
	return num1+num2; 
}

//함수를 호출하여 return 명령으로 반환되는 값을 제공받아 변수에 저장 
var tot=sum(10,20);
alert("합계 = "+tot);//합계 = 30

 

ES6에서 추가된 화살표 함수를 사용하여 함수를 선언해 변수에 저장하여 함수를 호출할 수 있다.

const sum = (num1, num2) => { return num1+num2 };

//함수를 호출하여 반환되는 값을 변수에 저장하지 않고 출력
//(계속 사용할 필요 없이 출력을 한번만 할 경우에는 변수에 저장할 필요가 없다) 
alert("합계 = "+sum(10,20));//햡계 = 30

 

화살표함수의 명령으로 값을 반환하는 명령이 하나만 있는 경우 { } 기호 및 return 키워드 생략이 가능하다.

const sum = (num1, num2) => num1+num2;

 

반환되는 결과값이 없는 함수를 호출하여 반환값을 변수에 저장할 경우 변수에는 아무런 값도 저장되지 않아 [undefined] 자료형으로 처리된다. 

function display() {
	alert("display 함수의 명령 실행")
}
	
var result=display();
alert(display());//undefined