비동기 처리

async, await

• Javascript 비동기 처리 패턴의 최신 문법
• Promise와 Callback에서 주는 단점들을 해결
• Javascript의 비동기적 사고방식에서 벗어나 동기적(절차적)으로 코드를 작성 할 수 있게 도와줌
  

// 함수 선언시 'async' 
async function fn() {
	// 비동기 처리 로직 앞에 'await'
  await getList(); // return Promise Object
}
    
function getList () {
	return new Promise((resolve, reject) => {
      const list = ['a', 'b', 'c'];
      return reslove(list);
    })
}

Promise

• 비동기 처리 시점을 명확하게 표현 가능
• 비동기 작업이 끝난 뒤, 결과값 (성공/실패)을 처리 할 수 있는 객체
• promise 생성자 함수를 통해 인스턴스화
• 생성자 함수에 전달되는 함수를 executor라 함

// 생성자 함수를 통해 인스턴스화 
const promise = new Promise((reslove, reject) => {
	// executor
  	...
});