240304 엘리스 SW트랙 11주차_최신 JS 문법 알아보기

* 선택 강의로 

최신 자바스크립트 문법 알아보기 강의가 있어서 따로 정리 !

---

* var, const, let

 

* var도 선언한 후에 변경이 자유롭지 않나 ?

=> var와 let의 가장 큰 차이점 : 변수의 스코프

 

* ex) a라는 함수 안에서 var를 이용해 변수를 하나 선언했을 때, 함수 밖에서 이 변수를 참조하면 문제 없이 값을 가져올 수 있음

하지만, let을 이용해 함수 안에서 변수를 선언하게 되면 함수 밖에서는 이 변수를 참조할 수 없음

 

=> 함수가 여러개 있을 때 동일한 이름을 갖는 변수를 각각의 함수 안에서 선언 => 스코프가 명확하게 구별되지 않고 변수를 참조할 수 있게 된다면 큰 혼란을 야기할 수 있다.

=> 항상 스코프에 유의하면서 개발을 해야함

=> var 대신 let과 const를 사용하자 !

=> 웬만하면 const를 사용하고, 꼭 변수의 변경이 필요할 때만 let을 사용하자 !

---

* forEach, map, filter

 

- forEach는 return을 따로 하지 않음 !

 

- 이 외에도 reduce, slice, splice, find, indexof 등 다양한 메소드들이 있다 !

 

* [실습2] Array 메소드 부분 다시 한번 익히는것도 좋을 듯 !

---

* 화살표 함수

---

* 구조 분해 할당

 

- 이는 배열도 가능하다 !

---

* 단축 속성명

---

* 전개 구문

 

- 여기에서 ...n은 n이라는 변수에 개수 상관없이 값을 받아달라는 의미

- n.forEach에서 n은 배열을 의미

 

---

* Template literals

---

* Optional chaining