溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
Node的產生，大大推動了Javascript這門語言在服務端的發展，使得前端人員可以以很低的門檻轉向后端開發。
當然，這并不代表迸發成了全棧。全棧的技能很集中，絕不僅僅是前端會寫一些HTML和一些交互，后臺熟悉數據庫的增刪查改。
想必接觸過Node的人都知道，Node是以異步(Async)回調著稱的，其異步性提高了程序的執行效率，但同時也減少了程序的可讀性。如果我們有幾個異步操作，并且后一個操作需要前一個操作返回的數據才能執行，這樣按照Node的一般執行規律，要實現有序的異步操作，通常是一層加一層嵌套下去。
為了解決這個問題，ES6提出了Promise的實現。
含義
Promise 對象用于一個異步操作的最終完成（或失敗）及其結果值的表示。簡單點說，它就是用于處理異步操作的，異步處理成功了就執行成功的操作，異步處理失敗了就捕獲錯誤或者停止后續操作。
它的一般表示形式為：
new Promise(
/* executor */
function(resolve, reject) {
if (/* success */) {
// ...執行代碼
resolve();
} else { /* fail */
// ...執行代碼
reject();
}
}
);
其中，Promise中的參數executor是一個執行器函數，它有兩個參數resolve和reject。它內部通常有一些異步操作，如果異步操作成功，則可以調用resolve()來將該實例的狀態置為fulfilled，即已完成的，如果一旦失敗，可以調用reject()來將該實例的狀態置為rejected，即失敗的。
我們可以把Promise對象看成是一條工廠的流水線，對于流水線來說，從它的工作職能上看，它只有三種狀態，一個是初始狀態（剛開機的時候），一個是加工產品成功，一個是加工產品失敗（出現了某些故障）。同樣對于Promise對象來說，它也有三種狀態：
它只有兩種狀態可以轉化，即
并且這個狀態轉化是單向的，不可逆轉，已經確定的狀態（fulfilled/rejected）無法轉回初始狀態（pending）。
方法
Promise.prototype.then()
Promise對象含有then方法，then()調用后返回一個Promise對象，意味著實例化后的Promise對象可以進行鏈式調用，而且這個then()方法可以接收兩個函數，一個是處理成功后的函數，一個是處理錯誤結果的函數。
如下：
var promise1 = new Promise(function(resolve, reject) {
// 2秒后置為接收狀態
setTimeout(function() {
resolve('success');
}, 2000);
});
promise1.then(function(data) {
console.log(data); // success
}, function(err) {
console.log(err); // 不執行
}).then(function(data) {
// 上一步的then()方法沒有返回值
console.log('鏈式調用：' + data); // 鏈式調用：undefined
}).then(function(data) {
// ....
});
在這里我們主要關注promise1.then()方法調用后返回的Promise對象的狀態，是pending還是fulfilled，或者是rejected?
返回的這個Promise對象的狀態主要是根據promise1.then()方法返回的值，大致分為以下幾種情況：
轉換實例如下：
var promise2 = new Promise(function(resolve, reject) {
// 2秒后置為接收狀態
setTimeout(function() {
resolve('success');
}, 2000);
});
promise2
.then(function(data) {
// 上一個then()調用了resolve，置為fulfilled態
console.log('第一個then');
console.log(data);
return '2';
})
.then(function(data) {
// 此時這里的狀態也是fulfilled, 因為上一步返回了2
console.log('第二個then');
console.log(data); // 2
return new Promise(function(resolve, reject) {
reject('把狀態置為rejected error'); // 返回一個rejected的Promise實例
});
}, function(err) {
// error
})
.then(function(data) {
/* 這里不運行 */
console.log('第三個then');
console.log(data);
// ....
}, function(err) {
// error回調
// 此時這里的狀態也是fulfilled, 因為上一步使用了reject()來返回值
console.log('出錯：' + err); // 出錯：把狀態置為rejected error
})
.then(function(data) {
// 沒有明確指定返回值，默認返回fulfilled
console.log('這里是fulfilled態');
});
Promise.prototype.catch()
catch()方法和then()方法一樣，都會返回一個新的Promise對象，它主要用于捕獲異步操作時出現的異常。因此，我們通常省略then()方法的第二個參數，把錯誤處理控制權轉交給其后面的catch()函數，如下：
var promise3 = new Promise(function(resolve, reject) {
setTimeout(function() {
reject('reject');
}, 2000);
});
promise3.then(function(data) {
console.log('這里是fulfilled狀態'); // 這里不會觸發
// ...
}).catch(function(err) {
// 最后的catch()方法可以捕獲在這一條Promise鏈上的異常
console.log('出錯：' + err); // 出錯：reject
});
Promise.all()
Promise.all()接收一個參數，它必須是可以迭代的，比如數組。
它通常用來處理一些并發的異步操作，即它們的結果互不干擾，但是又需要異步執行。它最終只有兩種狀態：成功或者失敗。
它的狀態受參數內各個值的狀態影響，即里面狀態全部為fulfilled時，它才會變成fulfilled，否則變成rejected。
成功調用后返回一個數組，數組的值是有序的，即按照傳入參數的數組的值操作后返回的結果。如下：
// 置為fulfilled狀態的情況
var arr = [1, 2, 3];
var promises = arr.map(function(e) {
return new Promise(function(resolve, reject) {
resolve(e * 5);
});
});
Promise.all(promises).then(function(data) {
// 有序輸出
console.log(data); // [5, 10, 15]
console.log(arr); // [1, 2, 3]
});
// 置為rejected狀態的情況
var arr = [1, 2, 3];
var promises2 = arr.map(function(e) {
return new Promise(function(resolve, reject) {
if (e === 3) {
reject('rejected');
}
resolve(e * 5);
});
});
Promise.all(promises2).then(function(data) {
// 這里不會執行
console.log(data);
console.log(arr);
}).catch(function(err) {
console.log(err); // rejected
});
Promise.race()
Promise.race()和Promise.all()類似，都接收一個可以迭代的參數，但是不同之處是Promise.race()的狀態變化不是全部受參數內的狀態影響，一旦參數內有一個值的狀態發生的改變，那么該Promise的狀態就是改變的狀態。就跟race單詞的字面意思一樣，誰跑的快誰贏。如下：
var p1 = new Promise(function(resolve, reject) {
setTimeout(resolve, 300, 'p1 doned');
});
var p2 = new Promise(function(resolve, reject) {
setTimeout(resolve, 50, 'p2 doned');
});
var p3 = new Promise(function(resolve, reject) {
setTimeout(reject, 100, 'p3 rejected');
});
Promise.race([p1, p2, p3]).then(function(data) {
// 顯然p2更快，所以狀態變成了fulfilled
// 如果p3更快，那么狀態就會變成rejected
console.log(data); // p2 doned
}).catch(function(err) {
console.log(err); // 不執行
});
Promise.resolve()
Promise.resolve()接受一個參數值，可以是普通的值，具有then()方法的對象和Promise實例。正常情況下，它返回一個Promise對象，狀態為fulfilled。但是，當解析時發生錯誤時，返回的Promise對象將會置為rejected態。如下：
// 參數為普通值
var p4 = Promise.resolve(5);
p4.then(function(data) {
console.log(data); // 5
});
// 參數為含有then()方法的對象
var obj = {
then: function() {
console.log('obj 里面的then()方法');
}
};
var p5 = Promise.resolve(obj);
p5.then(function(data) {
// 這里的值時obj方法里面返回的值
console.log(data); // obj 里面的then()方法
});
// 參數為Promise實例
var p6 = Promise.resolve(7);
var p7 = Promise.resolve(p6);
p7.then(function(data) {
// 這里的值時Promise實例返回的值
console.log(data); // 7
});
// 參數為Promise實例,但參數是rejected態
var p8 = Promise.reject(8);
var p9 = Promise.resolve(p8);
p9.then(function(data) {
// 這里的值時Promise實例返回的值
console.log('fulfilled:'+ data); // 不執行
}).catch(function(err) {
console.log('rejected:' + err); // rejected: 8
});
Promise.reject()
Promise.reject()和Promise.resolve()正好相反，它接收一個參數值reason，即發生異常的原因。此時返回的Promise對象將會置為rejected態。如下：
var p10 = Promise.reject('手動拒絕');
p10.then(function(data) {
console.log(data); // 這里不會執行，因為是rejected態
}).catch(function(err) {
console.log(err); // 手動拒絕
}).then(function(data) {
// 不受上一級影響
console.log('狀態：fulfilled'); // 狀態：fulfilled
});
總之，除非Promise.then()方法內部拋出異常或者是明確置為rejected態，否則它返回的Promise的狀態都是fulfilled態，即完成態，并且它的狀態不受它的上一級的狀態的影響。
總結
大概常用的方法就寫那么多，剩下的看自己實際需要再去了解。
解決Node回調地獄的不止有Promise，還有Generator和ES7提出的Async實現。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
