Daehyunii's Dev-blog

<모던자바스크립트 35장 스프레드 문법> TIL-46 본문

✏️ 2022. TIL/July

<모던자바스크립트 35장 스프레드 문법> TIL-46

Daehyunii 2022. 7. 28. 13:18

  오늘은 스프레드 문법에 대해서 공부했다. 일단 스프레드 문법을 공부하면서 느낀점은 단 한가지였다. '편리하다!' 굉장히 직관적이고 편리하다라는 생각이 들었다. 우선 스프레드 문법은 이터러블을 대상으로 사용할 수 있으며 값이 아닌 값의 목록이다. 값이 아니기 때문에 변수에 할당할 수 없다. 그래서 스프레드 문법은 함수 호출문의 인수목록, 배열 리터럴 내, 객체 리터럴 내에서 사용할 수 있다. 스프레드라는 단어 뜻 그대로 이터러블의 값들을 펼쳐서 활용할 수 있다. 스프레드 문법 도입 이전에는 메서드들을 이용해서 하나 하나 활용해야 했다면, 스프레드 문법을 통해서 여러 메스드들을 사용할 필요없이 직관적으로 코드를 작성할 수 있게 되었다. 그리고 한 가지 더 특이한 점은 객체 리터럴 내에서도 객체를 대상으로 스프레드 문법을 사용할 수 있다는 것이다. 이터러블을 공부했을때 for...of 문, 스프레드 문법, 디스트럭처링 할당은 모두 이터러블만 가능하다고 공부했었는데, 새로운 제안으로 인해 스프레드 문법을 이터러블이 아닌 객체 리터럴 내에서 객체를 대상으로도 사용할 수 있게 되었다는 것도 알게 되었다. 이는 스프레드 문법이 그 만큼 편리하고 활용도가 높기 때문에 일반 객체에 까지 스프레드 문법을 사용할 수 있게 된것이 아닌가 추측해 본다. 다만, 한가지 주의해야 할 점이 있다면 Rest 파라미터와 표현 방법이 동일하기 때문에 두 개념을 명확하게 구분할 필요가 있겠다. Rest 파라미터는 가변 인자 함수를 구현하는데 활용되며, 인수들을 모아서 배열로 매개변수에 할당하는 역할을 한다면, 스프레드 문법은 이터러블 또는 객체를 펼쳐서 활용하는 기능을 제공하는 것이기 때문에 서로 반대의 성질을 가지고 있다고 할 수 있겠다.

 

2022.07.28 - [언어 공부 및 정리/자바스크립트[모던자바스크립트]] - 35장 스프레드 문법

 

35장 스프레드 문법

ES6에서 도입된 스프레드 문법(전개 문법) ...은 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만든다. 스프레드 문법을 사용할 수 있는 대상은 for...of 문으로 순회할 수

pinetree93.tistory.com