async await promise寫法

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); });
    
}