[Mooodern JavaScript] 모오던 자바스크립트

회사에서 ES5 이상의 문법을 팀 내부 교육을 진행하게 됐음.
부담스럽긴 하지만 하라고 하면 해야 하니, 내용을 정리했고.
정리하다 블로그에 올리면 좋을 거 같아서 포스팅하기로 함.

모오오던 JS

일반적으로 사용하는 JS 문법은 ES5 문법으로 2009년 12월에 출판되었음.
2015년 ES6가 출판되었고, ES6 이후의 문법을 Modern JavaScript라고 부르는 추세임.
(과연 언제까지 이 문법이 모던하다고 할진 모르겠지만)
그 후로 매년 새로운 업데이트가 있었고.
IE 같은 구형 브라우져는 최신 문법을 지원하지 않지만, babel과 같은 도구를 이용하면 구형 브라우져에서도 작동하게 변환할 수 있음.

목차

• var || ( let && const )
• Template Literal
• Arrow Function
• 비구조화 할당
• spread와 rest
• Promise
• async && await

아랫부분은 더 포스팅 하고 싶지만, 일하면서 여기까지 정리 할 수 있을지 모르겠으므로 보류.

• truthy and falsy
• 단축 평가 논리 연산
• 함수의 기본 파라미터
• 조건문 더 스마트하게 쓰기

그외 버전별 주요 문법

버전별로 발행된 문법이나 함수들은 많지만, 주로 알아야 하는 것들은 다음과 같음.
한번씩 찾아 보기를 권장함.

• ES6
  • let, const
  • module (import, export)
  • Promise
  • template literal
  • arrow function
  • class
  • generater
  • default parameters
  • for...of
  • map, set, weakMap, weakSet
• ES7
  • 구조 분해 할당. (비구조화 할당 ||Destructuring Assignment)
  • 비동기를 위한 await, async
  • 변수와 함수의 블록 스코프
• ES8
  • Generator와 Promise를 위한 await, async 구조체
• ES9
  • rest, spread 문법
  • 비동기 이터레이션
  • Promise.prototype.finally()
• ES10
  • Object와 Array