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();
'JavsScript' 카테고리의 다른 글
DOM에서 자바스크립트 기본 서식 (0) | 2022.10.28 |
---|---|
Generator ; 함수의 실행을 중간에 멈췄다가 재개할 수 있는 기능 (0) | 2022.10.02 |
Promise ; 주문할 때 쓰는 (0) | 2022.10.02 |
Promise ; 콜백함수 (0) | 2022.10.02 |
Class ; 생성자 오버라이딩 (0) | 2022.10.02 |