Promise

Promiseshi 抽象異步處理對象以及對其進行各種操作的組件。Nodejs編程中常見的回調函數第一個參數是err,這是它的慣例。但是這是一個編碼規范而已,即時采用不同的寫法也不會出錯。而Promise則是吧類似的異步處理對象和處理規范進行規范化,并且按照統一的接口來編寫,而采取規定之外的寫法都會出錯。

Promise不同的類型

1 Constructor

var promise = new Promise(function(resolve,reject){
     //異步處理
     //處理完畢后調用resolve或者reject
})

2 Instance Medthod

對通過new生成的promise對象偽類設置其值在resolve/reject時調用的回調函數可以使用promise實例方法。

promise.then(onFulfilled,onRejected)

resolve時onFulfilled會被調用
reject時onRejected會被調用

3 Static Method

像Promise這樣的全局對象還擁有一些靜態方法。比如Promise.all()、Promise.resolve()等等。

Promise的狀態

用new Promise實例化一個promise對象以下三個狀態:

“has-resolution” --Fulfilled resolve時調用onFulfilled
"has-rejection"--Rejected reject時調用
“unresolved”--Pending 既不是resolve也不是reject狀態

異步調用和同步調用

在使用Promise.resolve等方法的時候,如果promise對象立刻就能進入resolve狀態的話,那么是不是.then里面的方法就是同步調用?答案是否定的。異步回調函數不能進行同步調用。這樣會出現意想不到的結果。為什么呢?不知道,還沒有搞清楚。Promise避免了這個問題,Promise只能使用異步調用方式。如果自行控制的話,最好是使用setTimeout來實現異步調用。

Thenable

'Promise.resolve' 就是講 'thenable' 對象轉換為 'promise' 對象。就像外賣有時候稱具有length方法的非數組對象為Array like一樣,'thenable' 指的是一個具有 '.then' 方法的對象

catch問題

catch是ES3中的保留字,在低版本IE中會報錯。在ES5中保留字都是屬于IdentifierName,也可以作為屬性名來使用。低版本的IE下可以使用[]代替.來引用catch。有時候也會考慮將catch改為catght來解決這個問題。

then catch都會返回一個新的promise對象

代碼為證

var aPromise = new Promise(function (resolve) { resolve(100);});
var thenPromise = aPromise.then(function (value) { console.log(value);});
var catchPromise = thenPromise.catch(function (error) {       
       console.error(error);
});
console.log(aPromise !== thenPromise); // => true
console.log(thenPromise !== catchPromise);// => true

錯誤方式

 function badAsyncCall() { 
    var promise = Promise.resolve(); 
    promise.then(function() { // 任意處理 
            return newVar; 
    }); 
    return promise;
}

正確方式

function anAsyncCall() { 
     var promise = Promise.resolve(); 
     return promise.then(function() { 
            // 任意處理  
            return newVar; 
     });
}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 本文適用的讀者 本文寫給有一定Promise使用經驗的人,如果你還沒有使用過Promise,這篇文章可能不適合你,...
    HZ充電大喵閱讀 7,322評論 6 19
  • 官方中文版原文鏈接 感謝社區中各位的大力支持,譯者再次奉上一點點福利:阿里云產品券,享受所有官網優惠,并抽取幸運大...
    HetfieldJoe閱讀 11,038評論 26 95
  • Promiese 簡單說就是一個容器,里面保存著某個未來才會結束的事件(通常是一個異步操作)的結果,語法上說,Pr...
    雨飛飛雨閱讀 3,368評論 0 19
  • 00、前言Promise 是異步編程的一種解決方案,比傳統的解決方案——回調函數和事件——更合理和更強大。它由社區...
    夜幕小草閱讀 2,137評論 0 12
  • 也有多情 也有抒情 在夏日濃濃的情宜中綻放 看霞光一片一片 要思念一點一點 我想我的思念 一定藏著對你的眷戀 我想...
    江城妖怪閱讀 181評論 5 9