[JavaScript] ES5 vs ES6 차이

ES5 vs ES6 의 차이

ECMAScripts 의 버전중 하나로 ES5 는 2009 년에 출시했고, ES6 는 2015년에 출시한 버전이다.

 

 

1. 데이터 타입의 변경 ( Data-types )

ES5 supports primitive data types that are string, number, boolean, null, and undefined.

In ES6, there are some additions to JavaScript data types. It introduced a new primitive data type 'symbol' for supporting unique values.

ES5 는 string , number , boolean , null , undefined 의 원시타입 데이터를 지원했다.

ES6 는 고유값을 지원하기 위한 새 원시 데이터 인 symbol 을 추가했다.

 

2. 변수의 정의 ( Defining Variables )

ES5 에서는 var 키워드만을 사용해서 변수를 선언 할 수 있었다. 

ES6 에서는 var 의 호이스팅 으로 생기는 문제와 타입의 모호함을 해결하기 위해 새로운 변수 타입인

 let, const 라는 키워드를 추가해서 데이터를 조금 더 엄격하게 구분 가능해졌다.

 

참고 : Javascript 에서 var 을 사용하면 안되는 이유

 

3. 화살표 함수

ES6 에선 화살표 함수가 추가됨으로, 보다 간편한 함수 선언이 가능해졌다.

function() 을 => 로 대체하는 문법이 추가되서, 

함수 키워드와 반환 키워드를 사용하지 않아도 화살표 함수를 이용해서 간단하게 표현이 가능해졌다.

 

4. Default Parameter

ES5 까지는 함수 선언에 로직이 필요했으나,

 ES6 에서는 Default Parameter 가 생김으로 익명 함수를 사용이 가능하게 되었습니다.

 

참고 자료

https://www.javatpoint.com/es5-vs-es6

ES5 vs ES6 - javatpoint