• 프로미스를 기반으로 동작
• 프로미스의 후석 처리 메서드 없이 동기 처리처럼 프로미스가 처리 결과를 반환할 수 있도록 구현할 수 있음

async 함수

• await 키워드는 반드시 async 함수 내부에서 사용해야 한다.
• async 함수가 명시적으로 프로미스를 반환하지 않더라도 암묵적으로 반환값을 resovle 하는 프로미스를 반환

//async 함수 선언문
async function foo(n) { return n }
foo(1).then(v => console.log(v)) // 1

//async 함수 표현식
const bar = async function (n) { return n; }
bar(2).then(v => console.log(v)) // 2

//async 화살표 함수
const baz = async n => n;
baz(3).then(v => console.log(v)) // 3

// async 메서드
const obj = {
	async foo(n) { return n }
};
obj.foo(4).then(v => console.log(v)) // 4

// async 클래스 메서드
class Myclass {
	async bar(n) { return n }
}
const Myclass = new Myclass();
myClass.bar(5).then(v => console.log(v)) // 5

await 키워드

• 프로미스가 settled 상태가 될때까지 대기하다가 settled 상태가 되면 프로미스가 resolve한 처리 결과를 반환 한다.
• await 키워드는 반드시 프로미스 앞에서 사용해야 한다.
• 연관성이 있는 비동기 처리 결과를 가지고 다음 비동기 처리를 수행해야 할때 적절 하다. (비동기 처리 순서가 보장되어야 하는 프로미스)

async function bar(n) {
	const a = await new Promise(resolve => setTimeout(() => resolve(n), 3000));
	
	//두번째 비동기 처리를 수행하기 위해 첫번째 비동기 처리 결과가 필요함(a)
	const b = await new Promise(resolve => setTimeout(() => resolve(a +1), 2000))
	
	//세번째 비동기 처리를 수행하기 위해 두번째 비동기 처리 결과가 필요함(b)
	const c = await new Promise(resolve => setTimeout(() => resolve(b +1), 1000))

console.log([a,b,c]) // [1,2,3]
}
bar(1)

• async/await 에서 에러 처리는 try ... catch 문을 사용할 수 있다.
• 프로미스를 반환하는 비동기 함수는 명시적으로 호출할 수 있기 때문에 호출자가 명확하므로
• async 함수 내에서 catch 문을 사용해서 에러 처리를 하지 않으면 async 함수는 발생한 에러를 reject 하는 프로미스를 반환한다. → Promise.prototype.catch 후속 처리 메서드를 사용해서 에러 캐치 가능