let, const 키워드 추가
- ES6 전에는 var 키워드를 사용하여 재선언, 재할당 문제가 있었다 -> 이 문제를 let, const로 재선언 금지, 재할당(const) 금지 시켜주었다
- var 함수 레벨 스코프만 되었으나 let, const로 모든 레벨 스코프가 적용되었다
화살표 함수
- function() { }를 const A = () => {}로 쓸 수 있다.
- 표현도 간략해지고 내부 동작도 기존의 함수보다 간략
- function과 화살표 함수의 큰 차이는
this라고 볼 수 있는데 그 설명을 해보겠다
화살표 함수는 함수 자체의 this 바인딩을 갖지 x, constructor x, prototype x.
일반 함수에는 this바인딩이 존재.
따라서 화살표 함수 내부에서 this를 참조하면 상위 스코프의 this를 그대로 참조한다. (lexical this) --------------------
화살표 함수의 this와 일반 함수의 this는 다르게 동작한다.콜백함수 내부의 this문제즉 콜백함수 내부의 this가 외부 함수의 this와 다르기 때문에 발생하는 문제
Template literal
- ``(백틱)을 통해 문자열을 편하게 쓸 수 있다
- ${} 달러 사인 + 중괄호를 통해 js 표현식 삽입이 가능
- 공백, 엔터(/n)도 편하게 가능
디스트럭처링 할당
- 객체나 배열에서 사용하여 개별 변수에 할당
//arr distructuring
const arr = [1,2,3]
const [one, two, three] = arr
//object distructuring
const obj = {first: 'hi', second:'bye'}
const { second, first } = obj;출처: https://hbsowo58.tistory.com/407
딥다이브 책
winwin