function

 

 

 

함수는 무조건 값으로 본다.

function add(number1, number2) {
    return number1 + number2;
}

 

 

 

디폴트 파라미터 :  값이 전달되지 않았을 경우, 초기값을 설정할 수 있다.

 

number3 = 0 으로 디폴트 파라미터를 줌

function add(number1, number2, number3 = 0) {
    return number1 + number2 + number3;
}

let result = add(1, 3); // 4
console.log(result);

 

 

아이디, 비밀번호, 닉네임을 전달받는다.
이 때 닉네임의 기본 값은 '없음'으로 설정한다.

function getInfo(id, password, nickname = "없음") {
    console.log(id, password, nickname);
}

getInfo("이해영1234", "1234");

 

 

가변인자 :

함수가 임의의 개수의 인자를 받을 수 있는 기능을 말합니다.

JavaScript에서는 나머지 매개변수(rest parameters)를 사용하여 가변 인자를 처리할 수 있습니다.

 

나머지 매개변수는 함수 정의에서 세 개의 점(...)으로 표시되는 매개변수입니다. 이를 통해 함수는 전달된 모든 인자들을 배열로 수집할 수 있습니다. 가변 인자는 배열로 처리되므로 배열의 다양한 메서드나 반복문을 사용하여 요소에 접근할 수 있습니다.

 

function exampleFunction(...args) {
    // args는 전달된 모든 인자를 배열로 저장
    for (let arg of args) {
        console.log(arg);
    }
}

exampleFunction(1, 2, 3, 4, 5);

 

위의 예제에서 exampleFunction은 가변 인자를 사용하여 어떤 수의 인자도 받을 수 있습니다. 호출할 때 전달된 인자들은 args라는 배열에 저장되고, 이 배열을 반복문을 통해 출력할 수 있습니다.

 

 

// 가변 인자
function add(...args) {
    for (let i in args) {
        console.log(`index: ${i}`);
    }

    for (let i of args) {
        console.log(`value: ${i}`);
    }
}

add(1, 2, 3, 4, 5);
index: 0
index: 1
index: 2
index: 3
index: 4
value: 1
value: 2
value: 3
value: 4
value: 5

 

 

 

'컴퓨터 비전 > Javascript' 카테고리의 다른 글

object, spread, rest , 비구조화 할당  (0) 2024.01.29
callback  (0) 2024.01.29
oper , switch  (0) 2024.01.29
scope ( let , var, const )  (0) 2024.01.29
javascript 메소드 정리  (0) 2024.01.28