1. 程式人生 > >async await promise寫法

async await promise寫法

依賴 time style 不能 sync ++ class 如果 new

function showTime(timer, value){
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log(value);
            resolve(value)
        }, timer)
    })
}
async function test(){ 
   let v1 = await showTime(1000, 1);
   let v2 = await showTime(100, ++v1);
}

這裏需要註意的是 await後面一般是需要返回一個promise實例的,因為這樣才能有類似阻塞的效果。

function showTime(timer, value){
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log(value);
            resolve(value)
        }, timer)
    })
}


function chain1(){
    
    showTime(1000, 1)
    /**
    * 如果then裏面不是返回promise實例,則沒有依賴執行的效果
    */
    .then((v) 
=> { setTimeout(() => { console.log(++v); return v }, 1000) }) .then((v) => { setTimeout(() => { //註意這裏並不能取得前面的結果 console.log(++v) }, 1000) }); } function chain2(){ showTime(1000, 1) //這裏showTime是promise實例,所以會按照依賴執行 .then((v) => { return
showTime(1000, ++v); }) .then((v) => { return showTime(1000, ++v); }); }

async await promise寫法