**확산 구문과 나머지 매개변수: ES2015의 차이점은 무엇입니까?**

Barbara Streisand
풀어 주다: 2024-10-24 19:10:29
원래의
410명이 탐색했습니다.

**Spread Syntax vs Rest Parameter: What's the Difference in ES2015?**

확산 구문 및 Rest 매개변수: ES2015의 차이점 풀기

ES2015의 스프레드 구문 및 Rest 매개변수의 미묘한 차이를 탐색하는 것은 마음에 들 수 있습니다. - 굉장한 노력. 이 가이드에서는 끊임없이 진화하는 JavaScript 환경에서 서로 대조되는 역할을 분석해 보겠습니다.

확산 구문 이해: 하나에서 다

확산 구문('로 표시) ...')를 사용하면 반복 가능 항목(예: 배열)을 개별 요소로 확장할 수 있습니다. 단일 변수에 대해 작동하며 이를 더 작은 부분으로 나눕니다.

<code class="js">var abc = ['a', 'b', 'c'];
var def = ['d', 'e', 'f'];
var alpha = [ ...abc, ...def ];
console.log(alpha); // alpha will output ['a', 'b', 'c', 'd', 'e', 'f']</code>
로그인 후 복사

'abc' 및 'def' 앞에 '...'가 포함된 스프레드 구문을 사용하여 이러한 배열을 효과적으로 평면화합니다. 단일, 병합된 배열.

나머지 매개변수 공개: 다에서 하나로

반면, 나머지 매개변수(또한 '...'가 앞에 옴)는 여러 개의 매개변수를 캡처합니다. 함수의 인수 목록에서 요소를 가져와 단일 배열로 결합합니다. 이 기술은 알 수 없는 수의 인수를 처리하려고 할 때 일반적으로 사용됩니다.

<code class="js">function sum(...args) {
  var sum = 0;
  for (var i = 0; i < args.length; i++) {
    sum += args[i];
  }
  return sum;
}

console.log(sum(1, 2, 3, 4, 5)); // sum will output 15</code>
로그인 후 복사

여기서 '...args'는 'sum' 함수에 전달된 모든 인수에 대한 자리 표시자 역할을 합니다. 그런 다음 'args' 배열에 저장됩니다.

주요 차이점: 확산과 나머지

확산 구문과 나머지 매개변수 모두 '...' 연산자를 활용하지만, 이들은 서로 다른 용도로 사용됩니다.

  • 확산 구문은 반복 가능 항목을 개별 요소로 확장합니다.
  • Rest 매개변수는 여러 인수를 단일 배열로 축소합니다.

본질적으로 스프레드 구문은 변수를 여러 부분으로 나누는 데 도움이 되는 반면, 나머지 매개변수는 여러 변수를 응집력 있는 단위로 통합합니다.

위 내용은 **확산 구문과 나머지 매개변수: ES2015의 차이점은 무엇입니까?**의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!