[JS] ES5 vs ES6

[Arrow function]

Arrow function 을 선언하면, 선언한 scope의 context가 자동으로 binding 된다.

짧게 사용할 수 있으며, callback을 전달해야되는 상황(this 바인딩이 필요)에 좋다.

[bind / apply / call]

- bind: context와 argument를 매핑하여 전달할 수 있다.

- apply: context를 변경하고, argument(array)를 넣어 실행한다.

- call: context를 변경하고, argument(...array)를 넣어 실행한다.

[Destructuring]

객체 나열: ...object, ...array

[Array]

- 기존 array 영향

  - splice(start, deleteCount, insertArray)

  - sort

- slice(start, end): (0) [ 1, (1) 2] (2)

- map

- filter

- forEach

[var / const / let]

- Hoisting은 모두 발생한다.

- TDZ(Temporal Dead Zone): const, let 인경우 선언 위치까지는 접근할 수 없다.

[class]

- hoisting이 발생하지 않는다.