함수(function)

진세종·2022년 2월 7일

Javascript

목록 보기

10/15

함수

인자(파라미터, parameter)	:	매개변수(선언부)
인수(아규먼트, argument)	:	매개변수에 들어가는 값(사용부, 호출부)

function 식별자(parmeter1, parameter2, ...){
	코드 작성
	return 리턴 값;
}

function : 함수 선언 표시
식별자 : 동사로 작성
parameter : 여러 개 있을 때에는 콤마로 분리하고 자료형을 따로 작성하지 않는다, 생략도 가능하다.
return : 함수의 실행 종료 후 리턴값을 반환한다.

함수 예시

1) 1~10까지 출력하는 함수

function printFrom1To10(){
    let total = 0;
    for(let i=0; i<10; i++){
        console.log(i+1)
    }
}

printFrom1To10();

콘솔 출력 결과 :

1~10까지의 합을 출력하는 함수

function getToTotalFrom1To10(){
    let total = 0;
    for(let i=0; i<10; i++){
        total += i+1;
    }
    console.log(total)
}

getToTotalFrom1To10();

콘솔 출력 결과 :

1~n까지의 합을 출력하는 함수

function getToTotalFrom1ToN(end){
    let total = 0;
    for(let i=0; i < end; i++){
        total += i+1;
    }
    return total;
}

console.log(getToTotalFrom1ToN(20));

콘솔 출력 결과 :

javascript에서의 오버로딩은?

/* JS에서는 오버로딩을 지원하지 않는다. */
function add(num1, num2, num3){
    return num1 + num2 + num3;
 }

function add(num1, num2){
    return num1 + num2;
}

console.log(add(1, 3));
console.log(add(1, 3, 5));

마지막에 선언된 funtion add(num1, num2)만 작동하는 것을 알 수 있다.

javascript에서 여러 매개변수를 받는 방법

//가변인자 : 여러 개의 값을 전달받을 수 있는 매개변수
//...가변인자명
//몇 개의 값이 전달될 지 알 수 없을 때
//각각의 값이 공통요소일 때(순서가 상관없고, 특정 값만 가져올 필요 없을 때)
function add(...args){
    let total = 0;
    for(let i=0; i<args.length; i++){
        total += args[i];
    }
    return total;
}

console.log(add(1, 3));
console.log(add(1, 3, 5));