[ Javascript ] ES5, ES6

우선 ES는 ECMAScript의 약자이다. 자바스크립트 언어가 준수해야 하는 규칙 및 세부 사항, 지침이라고

할 수 있다.

 

1) let, const 키워드 추가

let과 const를 사용하면 기존의 호이스팅에 의한 var의 문제점을 해결할 수 있다. 

그렇다고 착각하면 안되는 것이 let과 const도 호이스팅이 된다. 다만 선언과 동시에 초기화가 되지 않을 뿐이다.

 

2) 템플릿 리터럴

 

기존에는 변수를 " + " 기호로 상수 문자열과 비교를 했다.

그러나 템플릿 리터럴( ${} )을 이용하면 똑같이 수행된다. 기존에 일일이 " +  "를 세어가면서 할 필요가 없어졌다.

 

3) 화살표 함수

화살표 함수를 표현할 수 있게 되어 코드가 간결하게 표현되어 가독성 및 유지보수성이 올라갔다.

return과 { }가 생략될 수 있다.

 

4) promise(프로미스)

비동기 통신에 있어 기존 자바스크립트에서는 콜백 함수를 사용한 콜백 패턴을 사용했다.

결과적으로 콜백헬을 발생시키게 됐다. 이를 해결화기 위해서 promise가 도입되었다.

 

5) class

 

6) String Method(includes, startsWith, endsWith)

 

ES6에 문자열 메서드가 추가되었는데, 해당 문자열에 포함이 되어 있는지, 시작하는지, 끝나는지

메서드로 true, return값을 리턴한다.

 

7) Multi-line String(여러 줄 라인)

ES5에서는 문자열을 개행시키기 위해서 '\n'과 덧셈 연산자를 사용했어야 했다.

그러나 ES6 이후에는 개행을 할 수 있게 돼서 문자열 관리가 편해졌다.

 

8) Module(모듈)

개인적으로 vue를 하면서 이게 가장 체감이 된다.

모듈은 재사용을 하기 위한 코드 조각이며, 코드의 세부사항은 캡슐화 시키고, API 부분만 외부에 노출시킨 코드다.

하기와 같이 type에 module을 추가해야 자바스크립트 파일이 모듈로서 동작하게 된다.

export를 쓰게 되면 현재 페이지를 Component화 해서 바깥에 전달해준다는 의미이다.