안녕하세요.
이번에는 JavaScript의 return 명령어에 대해서 알아보겠습니다.
1. function return
function() 함수를 사용할 때 return이라는 명령어를 사용하는데, 이것은 함수가 끝나면 값을 전달해주는 의미로 사용됩니다. 기본 값으로 undefined를 반환하며, 생략되어 있는 경우도 많습니다.
이번에는 다음 코드에서 hello() 함수와 hi() 함수가 있는데 hi 함수에서는 return을 빼고 실행을 해봅니다.
아래처럼 결과 값이 나타납니다.
여기서 hello() 함수를 실행해서 ‘안녕’ 이라는 결과 값을 return 받았기 때문에 console.log(’안녕’) 이라는 값이 출력이 된 것을 볼 수 있습니다.
<!DOCTYPE html>
<html lang="en, ko">
<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>JS 객체</title>
<script>
function hello() {
return "안녕";
}
function hi() {
console.log('hi');
}
console.log(hello());
console.log(hi());
</script>
</head>
<body>
</body>
</html>
hi() 함수를 실행했을 때는 hi 함수가 실행되면 안에 있는 console.log(’hi’)가 실행돼서 콘솔에 찍혔지만 마지막에 undefined가 출력된 것을 볼 수 있습니다.
함수 마지막에 return 명령문을 작성을 안 해주면 함수 종료 후 데이터 값을 전달해주지 않기 때문에 결과 값으로 undefined가 출력되는 현상을 볼 수 있습니다.
return을 중간 또는 위에 작성하면 return 밑에 코드는 실행이 되지 않고 그대로 종료가 되기 때문에 마지막에 작성을 해줘야 합니다.
이상으로 return 명령어에 대하여 알아보았습니다.
감사합니다.
반응형
'JavaScript' 카테고리의 다른 글
| [JavaScript] 배열에 대해서 알아보기 (0) | 2023.01.16 |
|---|---|
| [JavaScript] 객체에 대해서 알아보기 (0) | 2023.01.15 |
| [JavaScript] 반복문에 대해서 알아보기 (0) | 2023.01.13 |
| [JavaScript] 조건문에 대해서 알아보기 (0) | 2023.01.11 |
| [JavaScript] 함수에 대해서 알아보기 (0) | 2023.01.09 |