#4.자바스크립트(JavaScript) - 기본 함수(function, return)

function = 필요할 때마다 호출하여 해당 작업을 반복해서 수행 가능한 함수입니다.

기본사용법

//function 함수이름(매개변수){
//                  함수가 호출될 때 실행되는 실행문;
//                        }
 
 
function addNum(x,y){
                      console.log(x+y); 
                    }
//x,y는 사용자로 부터 받는 데이터
 
addNum(3,2) // 5

매개변수(parameter)란 함수의 정의에서 전달받은 인수를 함수 내부로 전달하기 위해 사용하는 변수를 의미합니다.
인수(argument)란 함수가 호출될 때 함수로 값을 전달해주는 값을 말합니다.

 

위의 예제에서 addNum() 함수를 호출할 때 인수가 세 개보다 적게 전달되면, 계산할 수 없다는 의미인 NaN을 반환합니다.
그 이유는 전달되지 않은 나머지 값이 자동으로 undefined 값으로 설정되어, 산술 연산을 수행할 수 없기 때문입니다.

하지만 다음 예제처럼 하면 NaN을 반환하지 않고 전달된 인수만을 가지고 정상적으로 계산하는 함수를 작성할 수 있습니다.

 

 

return = return 명령문은 함수 실행을 종료하고, 주어진 값을 함수 호출 지점으로 반환합니다.

const age = 96;
function calculateKrAge(ageOfForeigner){
    return ageOfForeigner + 2;
}
 
const KrAge = calculateKrAge(age);
 
console.log(KrAge); //결과값 : 98

function getRectArea(width, height) {
  if (width > 0 && height > 0) {
    return width * height;
  }
  return 0;
}
 
console.log(getRectArea(3, 4));
// 결과값 : 12
 
console.log(getRectArea(-3, 4));
// 결과값: 0
 

함수는 return을 호출하는 지점에서 즉시 실행을 멈춥니다.

function counter(){
    for (let count = 1; ; count++){ // 무한 반복
        console.log(count + "a"); // 5까지
        if(count ===5){
            return;
        }
        console.log(count + "b"); // 4까지
    }
    console.log(count + "c"); // 절대 나타나지 않음
}
 
counter();
 
// 출력:
// 1a
// 1b
// 2a
// 2b
// 3a
// 3b
// 4a
// 4b
// 5a