일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- 객체
- 실행컨텍스트자바스크립트
- 고차함수
- styled-component
- css
- 영어공부
- 실행컨텍스트스택
- 실행컨텍스트 실행과정
- html
- .current
- 실행컨텍스트란
- Block
- useRef역할
- 영어
- 실행컨텍스트콜스택
- 개발공부
- 로컬상태
- state hook
- .env
- CORS
- 실행컨텍스트 동작과정
- Mini Node Server
- 노마드코더
- CLI
- 전역상태
- 실행컨텍스트 면접
- 그래머인유즈
- npm 에러
- 개발일기
- 알고리즘
- Today
- Total
목록[Js Node]/스코프 , 클로저 , Spread , Rest (2)
오늘도 삽질중
구조 분해할당(Destructing) - 배열과 객체의 속성을 해체하여 그 값을 개별 변수로 받는방법 예시 const arr = [1,2,3] const [first, second, third] = arr let x,y,z [x,y,z] = arr; 예시 let x, y, z; [x, y] = [1, 2]; console.log(x, y); // 1 2 [x, y] = [1]; console.log(x, y); // 1 undefined [x, y] = [1, 2, 3]; console.log(x, y); // 1 2 [x, , z] = [1, 2, 3]; console.log(x, z); // 1 3 // default value [x, y, z = 3] = [1, 2]; console.log(x, y..
Spread 문법 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을때에 사용한다. function sum (x, y, z) { return x + y + z; } const numbers = [1, 2, 3]; sum(...numbers)//6 Spread 연산자는 ...을 통해 사용할 수 있다. MDN을 통해 Spread 연산자 설명을 보면 전개 구문을 사용하면 배열이나 문자열과 같이 반복 가능한 문자를 0 개 이상인 인수 (함수로 호출할 경우)또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장시킬 수 있다. 라고 되어있는데 아래 콘솔로그를 보는것이 더 이해하기 쉬울것이다. 위처럼 arr를 Spread 연산자로 콘솔로그를 찍어보면 배열이 아닌 ..