[JavaScript] return이 하는 일

• 값을 반환하는데 사용.
• 지역변수의 값을 아는데 사용.
• 현재 진행중인 함수를 중지(escape).

 

1. 값을 반환하는데 사용 + 2. 지역변수의 값을 아는데 사용.

[예제1]

var test = function() {
  var x = 1;
}
test();
console.log(test()); // undefined

위의 함수는 실행되지 않는다. 내부 구문들을 실행(test())하였으나 반환할 값이 선언되지 않았다.

x를 얻기 위해선 return을 사용하여 값을 반환해야 한다.

 

var test = function() {
  var x = 1;
  return x;
}
var test2 = test();
console.log(test2);

test() 함수를 실행할 경우 해당함수는 1을 반환한다. 반환값을 사용하기 위해서는 변수가 필요하므로 test2라는 변수를 선언하여 저장하였다.

 

[예제2]

function plus(num1, num2) {
  var result = num1 + num2;
}
var total = plus(20,30);
console.log(total); // undefined

plus() 함수에 선언된 변수 result는 지역변수이다. 함수 내에서 선언한 지역변수는 그 함수 내에서만 사용이 가능하므로 값을 반환해야 한다.

 

function plus(num1, num2) {
  var result = num1 + num2;
  return result;
}
var total = plus(20,30);
console.log(total); // 50

 

 

3. 함수를 중지

var test = function() {
  var x = 1;
  if(x === 1) {
    return x;
  }
  x++;
}

조건에 충족되면 모두 실행할 필요가 없으므로 return을 사용하여 필요조건만 사용 후 함수에 빠져나올 수 있다.

변수가 필요한 경우에 return 해당변수명 으로 사용하기도하지만 반환할 경우가 없으면

return false 나 return을 사용한다.

 

 

---

Reference

함수의 예약어 Return이란?