확산 구문 및 나머지 매개변수: ES2015에서 차이점 풀기

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

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

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

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']

를 출력합니다. 및 'def'를 사용하면 이러한 배열을 병합된 단일 배열로 효과적으로 병합합니다.

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

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

function sum(...args) {
  var sum = 0;
  for (var i = 0; i 
여기서 '...args'는 'sum' 함수에 전달된 모든 인수에 대한 자리 표시자 역할을 한 다음 'args' 배열에 저장됩니다.
 
주요 차이점: 확산과 나머지
확산 구문과 나머지 매개변수는 모두 '...' 연산자를 활용하지만 서로 다른 목적으로 사용됩니다:
확산 구문은 반복 가능 항목을 개별 요소로 확장합니다.
Rest 매개변수는 여러 인수를 단일 배열로 축소합니다.
본질적으로 확산 구문은 변수를 분할하는 데 도움이 됩니다. 나머지 매개변수는 여러 변수를 응집력 있는 단위로 통합합니다.