JavaScript의 나머지 매개변수
4238 단어 javascript
나머지 매개변수
함수의 마지막 매개변수 앞에 점 3개(
...
)를 넣으면 마지막 매개변수를 나머지 매개변수라고 합니다.그렇게 하면 오른쪽에 있는 나머지 매개변수의 위치에서 해당 함수에 지정된 인수에 얼마든지 액세스할 수 있으며 배열에 싸여 있습니다. 예를 들어:
function foo(a, b, ...c) {
console.log('a:', a);
console.log('b:', b);
console.log('c:', c);
}
foo(1, 2, 3, 4, 5, 6);
다음을 인쇄합니다.
a: 1
b: 2
c: [3, 4, 5, 6]
참고: 나머지 매개변수가 제공하는 배열은 표준 JavaScript 배열이므로 사용 가능한 모든 배열 메서드를 사용할 수 있습니다.
이것이 나머지 매개변수에 대해 알아야 할 전부입니다.
정보: JavaScript의
...
는 사용 위치에 따라 다른 의미를 가질 수 있습니다. ...
를 사용하는 다른 JavaScript 구문은 spread syntax 및 destructuring assignment입니다.나머지 매개변수가 없을 때…
고대부터 JavaScript는 모든 일반 함수(비화살표 함수)에 우리가 제공하는 모든 인수를 보유하는 배열과 같은 객체를 가리키는
arguments
이라는 로컬 변수를 제공합니다. 그러나 개발자는 이러한 접근 방식에서 거의 문제에 직면하지 않습니다. 예를 들어:arguments
객체를 실제 배열로 변환하려면 추가 상용구 코드가 필요합니다. ES6에서는 이러한 한계를 극복하기 위해 rest 파라미터가 도입되었습니다.
수업 과정
이해를 돕기 위해 아래 연습을 수행하십시오.
의견 섹션에 답변을 자유롭게 추가하십시오. 내 답변을 확인할 수 있습니다here.
인수가 지정되지 않은 경우
다음 코드의 출력은 무엇입니까?
function foo(...args) {
console.log(args);
};
foo();
가산기
숫자를 첫 번째 인수로 사용하는
adder
라는 함수를 작성하십시오. 첫 번째 인수 다음에 숫자 인수를 취합니다. adder
의 기능은 다음과 같습니다.이 글이 도움이 되셨다면 커피 한 잔 사주세요.
Reference
이 문제에 관하여(JavaScript의 나머지 매개변수), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/ashutoshbw/rest-parameters-of-javascript-3jk3텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)