# Async/await

Doozuu·2022년 12월 2일
0

Javascript

목록 보기
32/99

Async

: Promise 대신 사용할 수 있는 ES8 문법
async를 function 앞에 붙이면 함수가 Promise 역할을 할 수 있다.


장점 : promise를 따로 만들어주지 않아도 된다.
단점 : 성공 케이스만 다룰 수 있다.

async function 더하기(){
	return 1+1;
}

더하기.then(function(결과){
	console.log(결과)
})


await 키워드

: 프로미스가 해결될 때까지 기다리게 해줌.
then 대신 사용가능.

⭐️ 주의 : async function 안에서만 쓸 수 있음.

프로미스 실패시 에너나고 멈춤.
-> 방지하려면 try{일단 실행} catch{에러나면 이거 실행}

async function 더하기(){
	var 프로미스 = new Promise(function(성공,실패){
    	var 힘든연산 = 1+1;
        성공(힘든연산);
        실패();
    })
    try{
     var 결과 = await 프로미스;
     console.log(결과) // 2
    } catch{
    console.log('실패')
    }
}
profile
모든게 새롭고 재밌는 프론트엔드 새싹

0개의 댓글