[Frontend study] Day 3 - ES6란?

ECMAScript란?

---

  ESMAScript는 넷스케이프(현재는 파이어폭스) 웹페이지에 동적인 요소를 구현하기 위해서 발명되었다.

그 후 넷스케이프 뿐만 아니라 다른 웹 브라우저들까지 이를 탑재하기 시작했고, 다양한 웹 브라우저들에서 JavaScript가 공통되게 잘 작동되기 위해서는 표준 규격의 필요성이 커졌다.

-> 이러한 이유로 ECMAScript standard라는 스크립트 표준을 만들었다

 

ECMAScript가 포함하는 항목이다.

• 언어 구문 
• 오류 처리 방법
• 자료형
• 전역 객체
• 프로토타입 기반 상속 구조
• 내장 객체 및 함수
• 엄격 모드

 

ES6란?

---

ES6(ECMAScript)는 2015년에 도입된 최신 버전의 JavaScript이다. 

 

ES6가 발명되면서 이전에 있던 문제들이 사라졌다.

• 호이스팅이 사라진 것 같은 효과
• 함수 단위 스코프에서 블록 단위 스코프로 변경
• this를 동적으로 바인딩하지 않는 화살표 함수
• 모듈화 지원
• 콜백 지옥에서 구원해줄 Promise
• Default, Rest 파라미터
• 해체 할당, Spread 연산자
• 템플릿 리터럴

이러한 ES6의 주요기능은 다음과 같다.

• let keyword
• const keyword
• arrow functions
• For/of
• Map objects
• Set objects
• Classes
• Promises
• Symbol
• Default Parameters
• Function Rest Parameter
• String.includes()
• String.startsWith()
• String.startsWith()
• Array.from()
• Array keys()
• Array find()
• Array findIndex()
• New math methods
• New number properties
• New global methods
• Iterables object.entries
• JavaScript modules