[javascript] ES6 에서 추가된 것들

1. 백틱 (`) 도입

ES6 도입 이전에는 문자열과 변수를 섞어서 출력하기 위해서는

문자열과 변수 사이에 + 를 사용해서 출력해야 했으나, ES6 도입 이후로는

백틱 사용으로, `` 기호 안, 변수를 ${변수} 와 같이 표기하여 출력할 수 있다.

 

// ES6 도입 이전

name = 'chunws';
console.log('my name is ' + name);

// ES6 도입 이후

name = 'chunws';
console.log(`my name is ${name}`);

 

2. let, const 를 통한 변수 선언

이전에는 var를 통해 변수를 선언하였는데, var의 단점 (중복 선언 가능 등)을 극복하기 위해

let과 const 변수 선언이 가능해졌다.

 

 

3. Promise 사용

이전 버전까지는 비동기 처리를 위해 콜백 함수를 이용하여 작업을 했는데,

여러 가지 처리 과정을 거치게 되는 경우, 콜백 지옥 이라고 하는, 유지 보수가 굉장히 어렵게 되는데,

이를 통해 코드를 효과적으로 관리를 할 수 있게 되었다.

 

4. 화살표 함수 사용

화살표 함수를 사용하는 경우에는, 코드 가독성이 좋아지는 부분도 있지만,

화살표 함수가 적용된 함수가 method 가 아닌 함수로써 호출된다면 this 가 바라보는 객체가 좀 다르다.

 

// 기존 함수 선언

let func = funciotn(x, y, z){
	console.log(x, y, z);
}


// 화살표 함수 선언

let func = (x, y, z) => {
	console.log(x, y, z);
}