자바스크립트 리턴문 / JavaScript Return

자바스크립트 리턴 문

return문 이란 함수 내부에서 정해진 명령들을 실행하고 난 뒤에 다시 돌려준다, 반환한다 라는 의미로 이해하면 되는데요. 아래 코드를 확인해봅시다!

function addNumber(number1, number2){
    let number3 = number1 + number2
}

let number3 = 0
addNumber(3, 5)

console.log(number3)

// 출력 : 0

위 코드는 addNumber라는 함수에서 number3 에 파라미터로 들어온 두 개의 합을 넣어줍니다.

그래서 아래와 같이 number3 라는 변수를 선언한 후 함수를 선언하고 출력을 했지만 변수의 값은 변하지 않고 그대로 0 인 것을 볼 수 있습니다.

 

이런 일이 일어난 이유는 매개변수는 함수 내부에서만 작동하고 함수 외부로 나가면 사라지는 특성 때문인데요.

위 코드의 함수 내부에서의 number3 와 외부에서의 number3 는 전혀 상관이 없는 사이라는 것입니다.

 

이때 함수 내부에서 일어난 일을 외부로 보내주는 것을 return 문이라고 합니다.

 

위 코드를 return 문을 활용해서 바꿔보면 아래와 같이 변합니다.

function addNumber(number1, number2){
    return number1 + number2
}

console.log(addNumber(3, 5))
//출력 : 8

return 문을 통해 number1 과 number2를 더해준 값이 함수 밖으로 나오게 되고, console.log 에서 그 값을 출력해주는 모습입니다.

 

위처럼 함수 내부에서 함수 외부로 값을 보내줄 때 return문을 꼭 써줘야 합니다!