本文實例講述了ES6基礎之 Promise 對象用法。分享給大家供大家參考，具體如下：
Promise 對象
1.Promise對象是ES6對異步編程的一種解決方案，它有以下兩個特點：
2.Promise對象的一些缺點：
一旦新建了一個Promise對象，就會立即執行，并且無法中途取消
let promise = new Promise(function(resolve, reject) {console.log('Promise');resolve();});// Promise如果不設置Promise對象的回調函數，Promise會在內部拋出錯誤，不會反應到外部，也就是在外部拿不到錯誤提示
如果Promise對象處于Pending狀態時，是無法得知捕獲進展到哪一個階段的（剛剛開始還是即將完成）
3.Promise對象是一個構造函數，用來生成Promise實例，下面是創造了一個Promise實例的示例
let promise = new Promise(function(resolve, reject) { // ... to do if ( success ){ resolve(value); //成功操作 } else { reject(error); //失敗操作 }});ps：Promise 構造函數接受一個函數作為參數，該函數的兩個參數分別是 resolve 和 reject ，分別用來處理成功和失敗的回調；
4.Promise實例生成以后，可以用 then 方法分別指定 Resolved 狀態和 Reject 狀態的回調函數；
promise.then(function(value) { // success}, function(error) { // failure});ps：then方法可以接受兩個回調函數作為參數。第一個回調函數是Promise對象的狀態變為Resolved時調用，第二個回調函數是Promise對象的狀態變為Rejected時調用，其中，第二個函數是可選的；
5.resolve函數的參數除了正常的值以外，還可能是另一個 Promise 實例，表示異步操作的結果有可能是一個值，也有可能是另一個異步操作；
let promise1 = new Promise(function (resolve, reject) { // ...});let promise2 = new Promise(function (resolve, reject) { // ... resolve(p1);})上面代碼表示一個異步操作的結果是返回另一個異步操作，promise1 的狀態就會傳遞給 promise2 , 如果 promise1 的狀態是Pending，那么 promise2 的回調函數就會等待promise1的狀態改變；如果promise1的狀態已經是Resolved或者Rejected，那么promise2的回調函數將會立刻執行;
6.Promise實例方法then返回的是一個新的Promise實例,因此可以采用鏈式寫法，即then方法后面再調用另一個then方法
let promise = new Promise(function (resolve, reject) { // ...})promise.then(function(res) { return res.post;}).then(function(post) { // ...});ps：上例中依次指定了兩個回調函數，第一個回調函數完成以后，會將返回結果作為參數，傳入第二個回調函數，如果返回的是 Promise 對象（即有異步操作），這時后一個回調函數，就會等待該Promise對象的狀態發生變化，才會被調用
let promise = new Promise(function (resolve, reject) { // ...})promise.then(function(res) { return new Promise(/.../);}).then(function(res) { // Resolved},function(error){ // Rejected}); 7.Promise.prototype.catch 方法用于指定發生錯誤時的回調函數，不僅異步操作拋出錯誤（即狀態就會變為Rejected），而且 then 方法指定的回調函數，如果運行中拋出錯誤，也會被catch方法捕獲
let promise = new Promise(function(resolve, reject) { throw new Error('test');}).catch(function(error) { console.log(error);});// Error: test8.如果Promise狀態已經變成Resolved，再拋出錯誤是無效的
let promise = new Promise(function(resolve, reject) { resolve('ok'); throw new Error('test');});promise .then(function(value) { console.log(value) }) .catch(function(error) { console.log(error) }); //okps： 出現上述結果是由于 之前提到的 Promise 的狀態一旦改變，就永久保持該狀態，不會再變了，因此在 resolve 語句后面，再拋出錯誤，是不會被捕獲的
9.Promise 對象的錯誤具有“冒泡”性質，會一直向后傳遞，直到被捕獲為止，因此建議總是使用catch方法，而不使用then方法的第二個參數，因為使用catch方法可以捕獲前面then方法執行中的錯誤
// badpromise .then(function(data) { // success }, function(err) { // error });// goodpromise .then(function(data) { //cb // success }) .catch(function(err) { // error });10.Promise.all方法用于將多個 Promise 實例，包裝成一個新的 Promise 實例，該方法接收一個 promise對象的數組作為參數，當這個數組里的所有promise對象全部變為resolve或reject狀態的時候，它才會去調用 .then 方法。
var p1 = new Promise(function (resolve) { setTimeout(function () { resolve("Hello"); }, 3000);});var p2 = new Promise(function (resolve) { setTimeout(function () { resolve("World"); }, 1000);});Promise.all([p1, p2]).then(function (result) { console.log(result); // ["Hello", "World"]});上面的例子模擬了傳輸兩個數據需要不同的時長，雖然 p2 的速度比 p1 要快，但是 Promise.all 方法會按照數組里面的順序將結果返回，但 promise 本身并不是一個個的順序執行的，而是同時開始、并行執行的，可以利用這個特點處理需要多個回調返回后才能進行的操作
11.Promise.race方法和Promise.all方法類似，也接收一個promise對象數組為參數，不同的是只要該數組中的 Promise 對象的狀態發生變化（無論是 resolve 還是 reject）該方法都會返回。
var p1 = new Promise(function (resolve) {setTimeout(function () {resolve("Hello");}, 3000);});var p2 = new Promise(function (resolve) {setTimeout(function () {resolve("World");}, 1000);});Promise.race([p1, p2]).then(function (result) {console.log(result); // Wrold}); 12.一般情況下我們都會使用 new Promise() 來創建promise對象，除此之外，可以使用 Promise.resolve 和 Promise.reject這兩個方法；
靜態方法Promise.resolve(value) 可以認為是 new Promise() 方法的快捷方式
let promise = Promise.resolve('resolved');//等價于let promise = new Promise(function(resolve){resolve('resolved');});上述的promise對象立即進入確定（即resolved）狀態，并將 'resolved' 傳遞給后面then里所指定的 onFulfilled 函數。
Promise.resolve('resolved').then(function(value){console.log(value);});// resolved Promise.reject(error)是和 Promise.resolve(value) 類似的靜態方法，是 new Promise() 方法的快捷方式。
let promise = Promise.reject(new Error("出錯了"));//等價于let promise = new Promise(function(resolve,reject){reject(new Error("出錯了"));});上述 promise 對象通過then指定的 onRejected 函數，并將錯誤（Error）對象傳遞給這個 onRejected 函數
Promise.reject(new Error("fail!")).catch(function(error){console.error(error);});// Error : fail!13.我們可以利用 Promise 應用到我們實際開發中，下面舉幾個栗子
//圖片加載const preloadImage = function (path) { return new Promise(function (resolve, reject) { var image = new Image(); image.onload = resolve(image); image.onerror = function() { reject(new Error('Could not load image at ' + path)); }; image.src = path; });}//文件讀取function reader (file) { return new Promise(function (resolve, reject) { let reader = new FileReader(); reader.onload = function () { resolve(reader); }; reader.onerror = function() { reject(new Error('Could not open the file ' + file)); }; if (!file.type || /^text///i.test(file.type)) { reader.readAsText(file); } else { reader.readAsDataURL(file); } })}
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
