[TIL]Javascript - Return이란?

 return 

return [[expression]] 

 

• return을 만나면 함수는 종료
  • 함수안에서 return 명령문에 도달하면, 함수의 실행은 그 지점에서 중단
  • 그 뒤의 코드에는 도달 불가능
• 값을 제공할 경우 그 값을 반환하므로 반환 값을 얻기위해 사용
• return을 '명령어'라고도 하고 '예약어'라고도 함
• 함수 내부의 return키워드를 생략 가능. 그래도 보이지 않는 값은 반환되고 있음.
• 값을 명시하지 않으면 undefined 반환

function add(x) {
   return x + x;
}
let test1 = add(10);
console.log(test1)  // 20

let test2 = add();
console.log(test2);  // NaN

/* return에 값을 명시하지 않을 경우 */
function add(x) {
   return;
}
let test = add(100);
console.log(test)  // undefined

function add() {
  let a = 1 * 3;
  console.log(a);    // 3
  return ;           // 여기서 중단하고, 아래의 연산은 실행 안함.
  let b = 1 + 3;
  console.log(b)
}
add();   // 3

 

• 사소하게 큰 실수
  • return 은 '자동 세미콜론 삽입'이 실행되어, 줄바꿈 문자가 올 수 없음 

/* return과 표현식 사이에 줄바꿈을 할 경우 */
function add(a, b) {
  return 
  a + b ;
}
/*
아래와 같이 받아들임.
return;
a + b;
*/
console.log(add(1,2));   // undefined

/* return과 표현식 사이에 ()괄호를 사용해 줄바꿈을 할 경우 */
function add(a, b) {
  return (
  a + b 
  );
}
console.log(add(1,2));  //3