JavaScript 함수에서 return하기

카테고리 없음

JavaScript 함수에서 return하기

Canyi 2022. 10. 5. 16:16

먼저 JS로 만든 함수의 출력을 보기 위해서 index.html 파일과 app.js파일을 각각 만든다.

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src = "app.js"></script>
</body>
</html>

app.js

const age  = 20;

function KoreanAge(age) {
    
    age + 1;
}

const krAge = KoreanAge(age);

console.log(krAge);

age를 상수로 20을 대입하고 한국나이라는 함수에 나이(20) + 1를 한다.

그리고 나이(20) + 1을 한 값을 상수 krAge에 넣고 콘솔로 출력한다..

console창을 보면 undefind로 뜬다... 이유가 뭘까? return을 하지 않아서이다... age + 1 앞에 return을 추가한다.

return을 하지 않으면 함수 내에서만 데이터가 출력이 되서 argument(parameter, 전달인자)에 age의 값을 전다 할 수가 없다. 그래서 함수 밖에 인자를 사용할 경우 반드시 return 해주자..

argument:

function KoreanAge(argument) {
    
     return age + 1;
}

function KoreanAge(age) {
    
     return age + 1;
}

const age  = 20;

function KoreanAge(age) {
    
    return age + 1;
}

const krAge = KoreanAge(age);

console.log(krAge);

실행 결과 21 출력!