logo

ES5와 ES6의 비교

ECMAScript는 ECMA International에서 정의한 상표 등록된 스크립트 언어 사양입니다. JavaScript를 표준화하기 위해 만들어졌습니다. ES 스크립팅 언어에는 많은 구현이 있으며 가장 널리 사용되는 언어는 JavaScript입니다. 일반적으로 ECMAScript는 World Wide Web의 클라이언트 측 스크립팅에 사용됩니다.

ES5는 다음의 약어입니다. ECMA스크립트 5 그리고라고도 알려진 ECMA스크립트 2009. 제6판 ECMA스크립트 표준은 ES6 또는 ECMA스크립트 6 . ECMAScript 2015라고도 합니다. ES6은 ECMAScript 2015의 주요 개선 사항입니다. 자바스크립트 복잡한 응용프로그램을 위한 프로그램을 작성할 수 있게 해주는 언어입니다.

ES5와 ES6는 성격상 몇 가지 유사점을 가지고 있지만, 둘 사이에는 많은 차이점도 있습니다.

마지막 커밋 실행 취소

ES5와 ES6의 차이점을 살펴보겠습니다. ES5와 ES6의 비교는 다음과 같이 표로 정리됩니다.

ES5와 ES6의 차이점

기반 ES5 ES6
정의 ES5는 ECMAScript(ECMA International에서 정의한 상표 등록된 스크립트 언어 사양)의 다섯 번째 버전입니다. ES6은 ECMAScript(ECMA International에서 정의한 상표로 등록된 스크립트 언어 사양)의 6번째 버전입니다.
풀어 주다 2009년에 도입되었습니다. 2015년에 도입되었습니다.
데이터 유형 ES5는 다음과 같은 기본 데이터 유형을 지원합니다. 문자열, 숫자, 부울, null, 그리고 한정되지 않은 . ES6에는 JavaScript 데이터 유형에 몇 가지 추가 사항이 있습니다. 새로운 기본 데이터 유형을 도입했습니다. '상징' 고유한 가치를 지원하기 위한 것입니다.
변수 정의 ES5에서는 다음을 사용해서만 변수를 정의할 수 있었습니다. ~였다 예어. ES6에는 변수를 정의하는 두 가지 새로운 방법이 있습니다. 허락하다 그리고 const .
성능 ES5는 ES6 이전 버전이므로 일부 기능이 없기 때문에 ES6보다 성능이 낮습니다. 새로운 기능과 단축된 스토리지 구현으로 인해 ES6은 ES5보다 성능이 더 높습니다.
지원하다 다양한 커뮤니티가 이를 지원합니다. 또한 많은 커뮤니티 지원이 있지만 ES5보다 적습니다.
객체 조작 ES5는 ES6보다 시간이 많이 걸립니다. 구조 분해 및 속도 연산자로 인해 ES6에서는 객체 조작이 더 원활하게 처리될 수 있습니다.
화살표 기능 ES5에서는 둘 다 기능 그리고 반품 키워드는 함수를 정의하는 데 사용됩니다. 화살표 기능은 ES6에 도입된 새로운 기능으로, 기능 함수를 정의하는 키워드입니다.
루프 ES5에서는 ~을 위한 요소를 반복하는 루프입니다. ES6에서는 다음과 같은 개념을 도입했습니다. ...을 위해 반복 가능한 객체의 값에 대해 반복을 수행하는 루프입니다.

번역

현재로서는 ES6 기능을 완벽하게 지원하는 브라우저가 없습니다. 그러나 다음을 사용하여 ES6 코드를 ES5 코드로 변환할 수 있습니다. 번역 .

두 가지 주요 컴파일러가 있습니다 바벨 그리고 트레이서 , 빌드 프로세스의 일부로 ES6 코드를 ES5 코드로 변환하는 데 사용됩니다.

스프레드 연산자(...)

ES6에 도입되어 배열과 객체를 쉽게 병합할 수 있습니다.

프라임 자바에는 코드가 없습니다

템플릿 리터럴(`)

문자열 작업을 가능하게 해주는 ES6의 새로운 기능입니다. 템플릿 리터럴을 사용하면 문자열 보간을 쉽게 수행할 수 있습니다.