[WIL] JavaScript의 ES(ECMA Script), ES5/ES6 문법 차이

1. ES란?

ES(ECMA Script)SMS  자바스크립트의 표준 규격을 나타내는 용어로 JavaScript를 표준화 시키려고 만들어짐

 

역사

1990년대 JavaScript는 라이브스크립트라는 이름으로 Netscape회사의 Brendan Eich라는 사람에 의해 최초로 개발되었다. 이후, JAVA가 유행하자, 라이브스크립트는 자바스크립트로 이름을 바꾸게 된다. JavaScript가 흥행에 성공하자, 뒤이어 경쟁사인 MS사에서 Jscript라는 언어를 개발해 IE에 탑재하게된다. 이 당시 IE는 웹브라우저에서 압도적인 점유율을 차지하였고, 따라서 IE에서 J스크립트를 지원하자 여러 혼란을 일으키게된다. 이로 여러 스크립트 언어들의 표준이 필요하다고 생각하게 되어 ES가 등장하게 되었다.

 

 

2. ES5/ES6 문법 차이

1)  ES5문법

1. 배열과 관련해서 새로운 메소드들이 생겼는데 대표적으로 forEach, map, filter, reduce, some, every와 같은 메소드가 생김.

이 메소드들은 개발자가 반복 횟수나 조건을 잘못 입력하는 등의 실수를 줄여주는 효과 있음.
2. object에 대한 getter/setter 지원
3. 자바스크립트 strict 모드 지원(더욱 세심하게 문법 검사)
4. JSON 지원(과거에는 XML을 사용하다가, json이 뜨면서 지원)
5. bind() 메소드가 생겼습니다. (this를 강제로 bind 시켜주는 메소드)

 

2) ES6문법

1. let, const 키워드 추가

ES6이전에는 var키워드로만 변수선언이 가능했다. 이는 함수 레벨 스코프를 가지며 암묵적 재할당이 가능

 

2. arrow 문법 지원

3. iterator / generator 추가

4. module import / export 추가

5. Promise 도입 ( Callback Hell을 해결해 줄 기법이 추가 되었습니다.)

6. Default, Rest 파라미터

7. 해체 할당, Spread 연산자

8. 템플릿 리터럴

9. 호이스팅이 사라진 것 같은 효과

10. 함수 단위 스코프에서 블록 단위 스코프로 변경

11. 화살표 함수를 사용