(4)JavaScript - return문

 

자바스크립트에서 return이라는 키워드를 사용하는데 

이 return은 함수 내부에서 정해진 명령들을 실행하고 난 뒤에, 다시 돌려준다, 반환한다는 의미로 볼 수있다.

return 키워드는 함수 내부에서 사용하고  return 값 옆에 되돌려줄 값을 입력해서 사용한다.

이때 이 값을 '반환 값' 또는 '리턴 값' 이라고 부른다.

 

        function getTwo() {
            return 2;
        }
        console.log(getTwo());

 

이렇게 리턴 값이 작성 되면 함수를 호출하는 자리에 그 리턴 값이 전달이 되는데

위 코드에서 getTwo 함수를 호출 했으니 이 함수에 리턴 값인 2가 전달이 돼서

' console.log(2) '와 동일한 의미를 가진 코드가 되기에 결과적으로 ' 2 ' 가 출력된다. 

 

이번에는파라미터가 있는 함수를 넣어보자

    function getTwice(number) {
        return number * 2
    }
    console.log(getTwice(5));

 

어떤 숫자를 하나 전달 받아서 그 두 배를 되돌려주는 함수이다.

숫자 5가 파라미터로 전달되면 '5 * 2'가 되므로 결과적으로 ' 10 ' 이 출력된다

 

이렇게 return을 통해서 함수가 실행된 자리에 어떠한 값을 돌려줄 수 있으며

당연히 이 값은 값을 저장하는 변수에 담길 수도 있다.

 

좀 더 응용해보자

    function getTwice(number){
        return number * 2;
    }
    
    let x = getTwice(5);
    let y = getTwice(2)

    console.log(x * y);

 

위 코드를 보면 getTwice(5)를 x에 담았고 (2)는 y에 담았다.

이렇게 되면 x에는 getTwice(5)의 리턴 값인 10이 저장 되고

y에는 getTwice(2)의 리턴 값인 4가 저장된다.

콘솔에는 ' x * y ' 를 출력하는 것이기에 ' 10 * 4 ' 가된다.

그럼 출력 값은 '40'이 된다.

 

이렇게 retrun을 활용하면 함수를 훨씬 더 다양한 방식으로 활용 할 수있다.

 

---

★GitHub) 해당 코드의 리모트 레포지토리

https://github.com/SeopE9611/JavaScript_soloPlay/tree/main/Day1/4-return%EB%AC%B8

JavaScript_soloPlay/Day1/4-return문 at main · SeopE9611/JavaScript_soloPlay

 

★ notion) return 응용 하기

https://www.notion.so/e3b3d4c7a02e4cfe99b8dddeef1a523e