나머지 매개변수와 전개 문법

모던 자바스크립트 정리본입니다. 나머지 매개변수와 전개 문법 보러가기

**function func(...args) : 나머지 매개변수**

• 함수 선언 시에 여러 개의 매개변수를 한 번에 받기 위해 사용됨

...: 나머지 매개변수들을 한데모아 배열에 집어넣어라.

function showName(firstName, lastName, ...titles) {
  alert( firstName + ' ' + lastName ); // Julius Caesar

  // 나머지 인수들은 배열 titles의 요소가 됩니다.
  // titles = ["Consul", "Imperator"]
  alert( titles[0] ); // Consul
  alert( titles[1] ); // Imperator
  alert( titles.length ); // 2
}

arguments: 유사배열 객체로 함수의 인수에 접근 가능한 예약어

나머지 매개변수가 나오기 이전에 arguments 예약어로 접근하였음.

Spread 문법

• 함수 호출 시에 여러 개의 매개변수를 한 번에 받기 위해 사용됨

  let arr = [3, 5, 1];
  
  alert( Math.max(...arr) );

• Array.from()과의 차이점:

  Array.from(array-like or iterable object )

  vs [...(iterable object only)]

• Object.assign()와 같은 역할을 함

  • 객체 안의 내용은 같지만 레퍼런스는 다름
    • 참고 : 내용 비교 : JSON.stringfy(obj) / 레퍼런스 비교: ===