async await promise写法

Posted 2021-01-06 hellolol

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