argumnets의 단점
- 쓰고싶지 않은 인수를 다 받아옴.
function 함수 (a, b, c) {
for(var i = 0; i < arguments.length; i++) {
console.log(arguments[i]);
}
}
함수('쓰고싶지않은인수', 2, 3, 4);
// ▼ 출력
// '쓰고싶지않은인수'
// 2
// 3
// 4
Rest 파라미터
- 자리에 오는 모든 파라미터를 [ ]에 보관해줌
function 함수2 (a, b, ...rest) {
console.log(rest);
}
함수2(1,2,3,4,5,6,7);
// ▼ 출력
// [3, 4, 5, 6, 7]
arguments와 rest 파라미터의 차이점
arguments: 모든 인수를 [ ]에 담아준다.
rest 파라미터: 인수를 부분적으로 [ ]에 담아줄 수 있다. 👍
rest 파라미터가 더 유연하게 쓸 수 있다.
...rest vs ...spread 구분하기
1. 함수 파라미터 자리에 붙으면 rest
2. 나머지는 spread
...rest 파라미터 주의점
1. 가장 뒤에 써야함
2. 두번 이상 금지
'Front end > JavaScript' 카테고리의 다른 글
🔖 객체지향1. constructor(생성자 함수 짧게 줄여서 생성자) (0) | 2023.02.28 |
---|---|
🔖Reference data type (0) | 2023.02.28 |
🔖 자바스크립트 함수 (default parameter/arguments) (0) | 2023.02.27 |
🔖 스프레드 연산자(Spread operator) (0) | 2023.02.27 |
🔖 객체 (0) | 2023.02.25 |