Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 이미지 갤러리 최적화
- 올림픽 통계 서비스 최적화
- peerdependencies
- 제너레이터와 async/await
- package management
- 딥다이브
- 프론트엔드 성능 최적화 가이드
- 모던 자바스크립트 Deep Dive
- Property Attribute
- ES6함수 추가기능
- 스코프
- var 사용금지
- 빌트인 객체
- Set과 Map
- Babel과 Webpack
- 프로퍼티 어트리뷰트
- 자바스크립트 패턴
- 비전공이지만 개발자로 먹고삽니다
- 자바스크립트 딥다이브
- 전역변수의문제점
- 이벤트
- 인터넷 장비
- 디스트럭처링
- 블로그 서비스 최적화
- 커리어
- DOM
- 자바스크립트
- const
- 브라우저의 렌더링 과정
- 프로그래머스
Archives
- Today
- Total
Dev Blog
35. 스프레드 문법 본문
ES6에서 도입된 스프레드 문법spread syntax(전개 문법) ...은 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서(전개, 분산하여, spread) 개별적인 값들의 목록으로 만든다.
스프레드 문법을 사용할 수 있는 대상은 Array, String, Map, Set, DOM 컬렉션(NodeList, HTMLCollection), arguments와 같이 for...of 문으로 순회할 수 있는 이터러블에 한정된다.
35.1 함수 호출문의 인수 목록에서 사용하는 경우
스프레드 문법은 앞에서 살펴본 Rest 파라미터와 형태가 동일하여 혼동할 수 있으므로 주의할 필요가 있다.
스프레드 문법은 여러 개의 값이 하나로 뭉쳐 있는 배열과 같은 이터러블을 펼쳐서 개별적인 값들의 목록을 만드는 것이다.
Rest 파라미터는 함수에 전달된 인수들의 목록을 배열로 전달받기 위해 매개변수 이름 앞에 ...을 붙이는 것이다.
따라서 Rest 파라미터와 스프레드 문법은 서로 반대의 개념이다.
-알라딘 eBook <모던 자바스크립트 Deep Dive> (이웅모 지음) 중에서
'Tech Books > Javascript_Modern JS Deep dive' 카테고리의 다른 글
37. Set과 Map (0) | 2023.02.23 |
---|---|
36. 디스트럭처링 할당 (0) | 2023.02.23 |
34. 이터러블 (0) | 2023.02.23 |
33. 7번째 데이터 타입 Symbol (0) | 2023.02.23 |
32. String (0) | 2023.02.23 |
Comments