WIL - WEEK 2 (ES)

본격적으로 주특기를 공부하는 3주차를 시작하고

이번주는 자바스크립트의 ES가 무엇인지와

ES5와 ES6의 문법엔 어떤 차이가 있는지 알아보자.

 

1. ES

먼저 ES란 ECMA Script의 약자이다.

그렇다면 ECMA Script는 뭘까?

 

자바스크립트는 1990년대에 개발되었고 자바스크립트가 잘되자,

MS에서 Jscript라는 언어를 개발해 IE에 탑재하였는데, 이 두 스크립트가 너무 제각각이라 

표준이 필요하게 되었다.

 

표준을 위해 자바스크립트를 ECMA(European Computer Manufactures Assosiation)

라는 정보와 통신시스템의 비영리 표준 기구에 제출 했고 표준에 대한 작업을 ECMA-262라는 이름으로

1996년 11월에 시작해 1997년 6월에 채택되었다.

 

자바스크립트와 ECMA Script는 둘다 뒤에 script라는 키워드가 붙지만

자바스크립트는 언어리고 ECMA 스크립트는 규격, 표준을 의미한다.

 

2. ES5 와 ES6

 

 

 

 ES5

• 배열과 관련해서 새로운 메서드들이 생겼다.(forEach, map, filter ...etc)
• 오브젝트에 대한 getter/setter 지원
• 자바스크립트 strict 모드 지원을 통해 더욱 세심하게 문법 검사를 한다.
• JSON 지원
• this를 강제로 bind시켜주는 bind() 메서드가 생겼다.

 

ES6

let, const 키워드 추가

 

기존의 변수는 함수 스코프를 가진 var 키워드를 이용해 선언되었고, 때문에 블록 스코프를 가진

let과 const 키워드를 추가하게 되었다.

 

기존에는 상수형 키워드가 없어 CONST_TEST와 같이 대문자로 상수임을 표현했다면,

ES6 부터 const 키워드가 추가되어 값의 변경을 통제하게 되었다.

 

arrow 문법 지원

 

arrow 문법은 편하고 간결해진 코드를 작성할 수 있고, this를 바인딩하지 않는다는 장점이 있다.

 

이밖에도

• iterator/ generator 추가
• module import / export 추가
•  Promise 도입
• Default, Rest 파라미터

등등의 많은 요소가 추가 되었다.