자바스크립트 ES5 ES6의 차이

ES는 ECMAScript의 약자로 ECMA International에서 정의한 상표 등록된 스크립팅 언어 사양이다. JavaScript를 표준화하기 위해 만들어졌다. ES5는 2009년에 출시하였으며 ES6는 2015년도에 출시하였다.

ES5와 ES6의 차이점은

ES5

1. var 키워드를 사용해서만 변수를 정의한다.

2. string, number, boolean, null 및 undefined 인 기본 데이터 유형을 지원한다 .

3. 함수 와 반환 키워드는 모두 함수를 정의한다.

ES6

1. let 과 const 인 변수를 정의한다.

2. 화살표 함수는 함수를 정의하기 위해 function 키워드가 필요하지 않으며 args가 없다.

3. 스프레드 연산자(...)가 도입되어 배열과 객체를 쉽게 병합할 수 있다.

4. 템플릿 리터럴(`) 문자열로 기능있다. 템플릿 리터럴을 사용하면 문자열 보간을 쉽게 수행할 수 있다.

화살표함수

// ES5
function test (a,b) {
	return a+b
}

// ES6
const test = (a,b) => a+b

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

// ES6
const arr1 = [1, 2, 3, 4, 5]; 
const arr2 = [...arr1, 6, 7, 8, 9]; 

console.log(arr2); // [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]

템플릿 리터럴(`)

const template = `템플릿 리터럴은 '작은따옴표(single quotes)'과 "큰따옴표(double quotes)"를 혼용할 수 있다.`

const first = 'Da-hyeon';
const last = 'KKang';

// ES5: 문자열 연결
console.log('제 이름은 ' + first + ' ' + last + ' ' + '입니다.');
// "제 이름은 Da-hyeon KKang 입니다."

// ES6: String Interpolation
console.log(`My name is ${first} ${last} 입니다.`);
// "제 이름은 Da-hyeon KKang 입니다."