return 이해하기

홍요한·2021년 3월 24일
0

JavaScript

목록 보기
10/10
post-thumbnail

return의 이해

함수내부에서 실행된 return값을 함수를 호출한곳으로 전달(반환)한다.

말 그대로 [함수결과값 -> 함수호출] 로 return(되돌리다) 하는것을 의미한다.

예제

1. return값을 적어주지 않으면 return값은 항상 undefined가 된다.

// 함수선언
function sum(x, y){
            console.log(x + y) // 30
        }

// 함수호출
const resultSum = sum(10, 20)
        console.log(resultSum) // undefined

함수선언문에서 return값을 적어주지 않았기 때문에 함수호출에 return되는 값은 undefined가 된다.

따라서 resultSum 변수에는 undefined가 담기게 된다.

2. return 키워드를 만나게되면 함수를 종료한다.

// 함수선언
function multiply(x, y){
           return x * y;
           console.log('실행안됨') // 실행안됨
        }

// 함수호출
const resultMultiply = multiply(10, 20)
        console.log(resultMultiply) // 200

함수를 호출하고 인자를 10과 20을 넣어주었다.
함수를 실행 시 return 이하의 구문을 실행( x * y ),
실행된 return의 값을 함수호출로 전달(반환)한다.

따라서 resultMultiply 변수에는 return된 값인 200이 저장된다.

또,

return x * y;

이하에 있는 console.log('실행안됨')은 실행하지 않고 함수가 종료된다.

0개의 댓글