기존 자바스크립트와 ES6의 차이와 특징에 대해서

초짜의 개발 공부·2022년 2월 6일
0

ECMA Script(European Computer Manufacturer's Association Script)

ECMAScript는 자바스크립트의 표준 사양인 ECMA-262을 말한다. 프로그래밍 언어의 값, 타입, 객체와 프로퍼티, 함수, 표준 빌트인 객체 등 핵심 문법을 규정하고 각 브라우저 제조사는 ECMAScipt 사양을 준수하여 브라우저에 내장되는 자바스크립트 엔진을 구현한다.

ES5는 2009에 나왔고 2015에 새로 개정 된 사양으로는 ES6라고 한다.

ES6로 바뀌면서 새로운 문법이 추가된 문법에 대해 알아보자.

몇 가지의 주요 큰 변화가 있는데

화살표 함수 ,템플릿 리터럴, 기본 매개 변수, 비구조화 할당, 모듈,

화살표 함수

ES5에서는 함수 선언식, 생성자 함수(NEW), 함수 리터럴을 사용했다면
ES6에서는 화살표 함수로 인한 함수 선언법이 간단해졌다.

템플릿 리터럴

ES5에서는 변수를 문자열과 같이 쓰려면 하나씩 문자열을 지정해야 해지만
백틱을 사용해 여러 줄의 문자열과 값을 간단하게 나타낸단.

기본 매개변수

ES5에서는 인자가 없거나 언디파인드인 경우에 기본값을 설정해 놓아야 한다.
ES6에서는 기본 매개변수를 지정하고 없는 경우에는 지정한 기본값을 인자로 전달해야한다.

비구조화 할당

배열이나 객체의 요소를 해체하여 따로 변수로 추출할 수 있다.

모듈
ES5 이전에는 각 기능별로 JS 파일을 나누고 개발 및 관리하는 것이 불가능했다.

ES5

ES5 에선 require 를 통해 모듈화를 할 수 있었다.
index.html에서 script태그 안에서 src로 자바스크립트 파일을 불러오려면 자바스크립트 파일에서
require를 사용해야 한다.

ES6

ES6 부터는 import/export 로 모듈을 관리할 수 있다.
로드 모듈은 import/ from으로 설정하고
아웃풋 모듈은 export default class를 설정하면 된다.

0개의 댓글