function 함수 사용법

 

함수를 사용하는 이유?

• 반복되는 작업을 한 번의 함수 사용으로 처리 가능
• 처리 작업을 구분하거나 묶어서 이름을 지정할 수 있다.

 

function 함수 기본 Syntax

function 함수명(파라미터) {
 처리 내용
 return 값;
}
함수명();

• function 함수명(파라미터) {} : 함수 정의
• return값 : 함수 내부의 값 반환
• 함수명(); 함수 실행

 

 

예시

 

a라는 파라미터를 받아서 처리결과를 변수에 저장하고 반환하는 함수

function createFunction1(a) {
    const result = a + 2;
    return result;
}

 

여러 개의 파라미터 처리하기

function createFunction2(a, b, c) {
    const result = a + b + c;
    return result;
}

파라미터는 개수 제한이 없으며 콤마로 구분한다.

 

 

전달되는 파라미터가 없는 경우

function createFunction3() {
    const result = 1 + 2;
    return result;
}

 

반환 값이 없는 경우 return 생략 가능

function createFunction4() {
    alert('hello!');
}

 

return 구문의 여러 개인 경우

function createFunction5(a, b) {
	//만약 a와 b가 같다면 a를 반환
	if(a == b) {
    	return a;
    }
    
    //a와 b가 다르다면 b를 반환
    return a - b;
}

하나의 함수 안에 여러 개의 return을 사용 가능하다.

 

 

return 구문 아래에 오는 코드는 실행되지 않는다.

function createFunction6() {
    return 1;
    
    console.log('hello!'); // 실행되지 않는다.
}

 

 

함수 호출 방법

파라미터(매개변수)가 있는 경우

function createFunction8(a, b) {
	const result = a + b;
    return result;
}

const f1 = createFunction8(10, 5); // createFunction8함수를 호출한 결과 값을 f1에 대입
console.log(f1); //결과 15

 

전달할 파라미터(매개변수)가 없는 경우

function createFunction9(a, b) {
	console.log('hello!');
}

createFunction9(); // 결과 hello!