Promise,async,await

  1. Promise 是解決異步編程的一種方案,加入ES6的語法中。
  2. Promise 的構造函數接收兩個參數resolve,reject。異步操作成功使用resolve在異步操作成功時調用,reject異步操作失敗拋出異常時使用。
  3. Promise 對象的then方法接收兩個函數參數,第一個函數接收resolve的值,第二個參數接收reject的值
  4. async標識這是個異步函數,await標識等待Promise對象resolve
//resolve
let demo=new Promise((resolve,reject)=>{
    setTimeout(()=>{
        resolve('demo');
    },1000)
});
demo.then((val)=>{
    console.log(val);//1s打印出demo
});
//reject
let demo=new Promise((resolve,reject)=>{
    setTimeout(()=>{
        reject('demo error');
    },5000)
});
demo.then((val)=>{
    console.log(val);
},(err)=>{
    console.log(err);//5s後打印demo
});
//catch
let demo=new Promise((resolve,reject)=>{
    setTimeout(()=>{
        resolve(a);//a is not defined
    },1000)
});

demo.catch((err)=>{
    console.log(err);
});
let demo=(x)=>{
    return new Promise((resolve,reject)=>{
        setTimeout(()=>{
            resolve(x);
        },1000)
    });
};
async function test()
{
   let res= await demo(10);//1s後輸出10
   console.log(res);
}
console.log(1);
test();//異步執行
console.log(2);
//執行結果 1 2 10  是不是很方便避免了各種回調
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章