■ default parameterm
함수를 만들 때 파라미터에는 기본값(default 값)을 부여할 수가 있습니다.
default 파라미터는 사용하면 파라미터가 정의되지 않았을 때, 미리 입력한 기본값을 꺼내서 사용합니다.
또한 default 파라미터 자리에는 연산자 사용, 다른 파라미터와의 연산, 함수 입력 등도 가능합니다.
function 함수 (a, b = 10, c=3*5, d=a*20){
console.log(a);
console.log(b);
console.log(c);
console.log(d);
}
함수(1);
// 1
// 10
// 15
// 20
function 임시함수(){
return 10
}
function 더하기 (a, b = 임시함수() ){
console.log(a + b)
}
더하기(3);
// 13
■ argument 와 rest parameter
함수의 모든 파라미터들을 한꺼번에 다루고 싶을 때는 argument 키워드를 사용할 수 있습니다.
arguments 를 사용하면 array 와 비슷한 객체가 생기지만 array와는 엄연히 다릅니다.
function 함수(a,b,c){
console.log(arguments);
console.log(arguments[0]);
console.log(arguments[1]);
console.log(arguments[2]);
}
함수(2,3,4);
// Arguments(3) [2, 3, 4, callee: ƒ, Symbol(Symbol.iterator): ƒ]
// 2
// 3
// 4
argument 키워드보다 편하게 사용할 수 있는 rest 파라미터라는 문법도 있습니다.
rest 파라미터는 ...기호 다음에 모든 파라미터를 중괄호로 감싸줍니다.
rest 파라미터는 파라미터의 마지막 자리에만 들어갈 수 있으며, 2개 이상 사용할 수 없습니다.
function 함수2(a, b, ...파라미터들){
console.log(a);
console.log(b);
console.log(파라미터들);
}
함수2(1,2,3,4,5,6,7);
// 1
// 2
// [3, 4, 5, 6, 7]
'JavaScript' 카테고리의 다른 글
JavaScript(prototype과 class를 활용한 상속 기능) (0) | 2023.06.13 |
---|---|
JavaScript(Reference Data Type, constructor 함수) (0) | 2023.06.09 |
JavaScript(Spread Operator) (0) | 2023.06.01 |
JavaScript(Tagged literals와 apply, call 함수) (0) | 2023.06.01 |
JavaScript(Hoisting, 전역변수) (0) | 2023.05.30 |