본문 바로가기
JavsScript

async await ; 주문할 때 쓰는

by applejune 2022. 10. 2.


promise chaining을 쓸 때보다 가속성이 좋아진다

async를 쓰면 프로미스를 반환한다.

async function getName() {
//return Promise.resolve("Tom");
throws new Error("err...");
}

getName().then(name=> {
console.log(name);

});

 


//await 은 async 함수 내에서만 사용 가능

function getName(name) {
  return new Promise((resolve, reject) => {
  setTimeour(()=>{
  resolve(name);
} );
}

async function showName() {
const result = await getName("Mike");
console.log(result);
}

console.log("시작");
showName();

 

promise 보다는 가독성이 더 좋아서 async await을 선호한다


const f1=(callback) => {
setTimeout(function() {
console.log("1번주문 완료");
callback();
}, 2000);
};

const f2=(callback) => {
setTimeout(function() {
console.log("2번주문 완료");
callback();
},2000);
};

const f3=(callback)=> {
setTimeout(function() {
console.log("3번주문 완료");
callback();
}, 2000);
};


async function order() {
const result1 = await f1();
const result2= await f2(result);
const result3= await f3(result);
console.log(result3);
console.log("종료");

}

order();