728x90
// 반환 및 종료
function hello() {
return 'Hello ~'
}
console.log(hello()) // Hello ~
console.log(hello) // 소괄호 () 를 붙히지 않으면, 함수 자체가 데이터로 출력 된다.
// ========================================================
// return 키워드
// 함수 내부에서 데이터를 반환 하는 역할을 한다.
// 함수를 종료하는 역할도 한다. => return 키워드 밑에 작성된 코드는 실행 되지도 않고, 읽지도 않는다.
// 만약에 return 키워드에 아무런 데이터를 작성 하지 않으면 어떻게 될까 ?
function hi() {
return
}
console.log(hi()) // undefined
// undefined 가 암시적으로 뜨게 된다.
// return 키워드를 아예 붙히지 않아도, undefined 가 뜨게 된다.
// ========================================================
function plus(num) {
return num + 1
}
console.log(plus(2)) // 3
console.log(plus(7)) // 8
// 인자에 아무것도 넣지 않으면, 매개변수 num은 아무런 데이터가 없기 때문에,
// JS가 자동으로 데이터를 추가 한다. => undefined
// 따라서, undefined + 1 이 되고,
// 결과적으로 숫자로 표현 할 수 없기 때문에, NaN (Not a Number) 이 출력 된다.
console.log(plus()) // NaN
function test(num) { // if 문을 사용 해서 유효성 검사 처리 하기.
if (typeof num !== 'number') { // 매개변수 num 으로 들어온 데이터가 number 타입이 아니면 ~
console.log('숫자를 입력 하세요 !')
return 0 // num이 숫자가 아니라면, 숫자 0을 반환 하고, 함수를 종료 한다.
}
return num + 1
}
console.log(test()) // 숫자를 입력 하세요 ! / 0
// 이렇게 함수를 정의 하고, 기능을 구현 할 때, return 키워드를 적절히 사용 하면 된다.

반응형
'자바스크립트 (JavaScript) > 이론' 카테고리의 다른 글
[ 함수 ] 화살표 함수 (2) | 2023.11.06 |
---|---|
[ 함수 ] 매개변수 패턴 (0) | 2023.11.06 |
[ 함수 ] 선언과 표현 그리고 호이스팅 (0) | 2023.11.05 |
[ 연산자와 구문 ] While, Do while 반복문 (0) | 2023.11.05 |
[ 연산자와 구문 ] For, For of, For in 반복문 (0) | 2023.11.03 |