[javascript] ES6 궁금한거만 정리

이 글의 시발점은 아래 글이였다.

 

2020/09/09 - [알고리즘,방통대,자격증,독서] - [알고리즘] 해시 > 완주하지 못한 선수(2)

 

 

1. ES6 란?

 : ES는 ECMAScript를 말하며, ES6는 2015년 6월에 업데이트된 내용이다. 

 

 

 

2. 화살표 함수란?

 : 화살표(=>)를 이용하여 함수를 보다 간략하게 표현한다. 

 

// ex

// 기존 function
strArr.map( function(str) {
	console.log(str);
}


// 화살표 함수
strArr.map( str => console.log(str) );

 

 

 

 

3. 템플릿 문자열과 백틱기호

 : 백틱기호를 이용해 문자열을 구성하는건데 보는게 이해가 빠르다. 참 좋다.

 

// ex
let now = new Date();
let days = ['일','월','화','수','목','금','토'];

console.log(`오늘은 ${days[now.getDay()]}요일입니다.` );

// result : 오늘은 목요일입니다.
// 왜죠?

 

 

 

 

4. 비구조화 할당

 : 객체와 배열에서 속성이나 요소를 쉽게 꺼내 사용할 수 있다.

 

// ex
let arr = ['사과', '토마토', '딸기'];

let [apple, tomato, strawberry] = arr;

console.log(`${apple}, ${tomato}, ${strawberry}`);

// result : 사과, 토마토, 딸기

 

 

 

 

5. async/await

 : 비동기를 사용할 때 도움이 많이 된다. 프로미스를 응용한 콜백 구문을 한 번 더 깔끔하게 줄여준다.

 

// ex

// before
function findAndEatApple(Fruits) {
    Fruits.findApple({})
    .then( apple => {
    	return apple.eat();
    })
    .then( apple => {
    	console.log(apple);
    });
}



// after
async function findAndEatApple(Fruits) {
    let apple = await Fruits.findApple({});
    apple = await apple.eat();
    console.log(apple);
}