JS return

04 August 2023 - less than 1 min read time
Tags: javascript return 함수 기본개념

return

return 키워드를 만나면 함수의 실행을 종료하며, 호출한 코드로 되돌아간다.

return 아래 구문이 존재한다면, 해당 구문은 실행되지 않는다.

1️⃣ return의 함수 종료

데이터를 반환하고 강제 종료 (함수를 벗어남)

function 함수명() {
  var num1 = 1;
  return num1;

  
  var num2 = 2; //return이 위에 이미 실행되어 이 코드는 의미 없다.
}

2️⃣ return의 함수 반환

return a+b 함수 외부로 값을 반환하라는 의미

function sum(a,b){
    return a+b;
}

document.write(sum(5,10))
//결과 : 15

매개변수의 값을 새롭게 적용하여 반환

📍 return과 break의 차이점

• break: 루프탈출 (switch, for, while문에 쓰임)
• return: 함수탈출. 해당 함수(메서드) 자체에서 빠져나감 (return은 break의 의미도 포함한다.)

• break 사용

function testBreak1(num) {
  let i = 0;
  while (i < 6) {
    if (i === 3) {
      break;
    }
    i++;
  }
  return i * num;
}

• return 사용

function testBreak2(num) {
  let i = 0;
  while (i < 6) {
    if (i === 3) {
      return;
    }
    i++;
  }
  return i * num;
}

testBreak1(2);  //6
testBreak2(2);  //undefined