好家伙,本篇為《JS高級程式設計》第十章“期約與異步函式”學習筆記
1.異步編程
同步行為和異步行為的對立統一是計算機科學的一個基本概念，
特別是在 JavaScript 這種單執行緒事 件回圈模型中，同步操作與異步操作更是代碼所要依賴的核心機制，
異步行為是為了優化因計算量大而 時間長的操作，如果在等待其他操作完成的同時，即使運行其他指令，系統也能保持穩定，那么這樣做 就是務實的，
重要的是，異步操作并不一定計算量大或要等很長時間，只要你不想為等待某個異步操作而阻塞線 程執行，那么任何時候都可以使用，
2.期約Promise基礎概念
期約是對尚不存在結果的一個替身，ECMAScript 6 增加了對 Promises/A+規范的完善支持，即 Promise 型別，
我們可以把期約看做一個狀態機
期約有單個狀態
? 待定（pending）
? 兌現（resolved,edge瀏覽器中是"fulfilled"）
? 拒絕（rejected）
待定（pending）是期約的最初始狀態，
在待定狀態下，期約可以落定（settled）為代表成功的兌現 （fulfilled）狀態，或者代表失敗的拒絕（rejected）狀態，
無論落定為哪種狀態都是不可逆的，只要從待 定轉換為兌現或拒絕，期約的狀態就不再改變，
由于期約的狀態是私有的，所以只能在內部進行操作，
let p1 = new Promise((resolve, reject) => resolve());
setTimeout(console.log, 1000, p1); // Promise <resolved>
let p2 = new Promise((resolve, reject) => reject());
setTimeout(console.log, 1000, p2); // Promise <rejected>
console.log(p1);
3.期約方法
3.1.Promise.resolve()
期約并非一開始就必須處于待定狀態，然后通過執行器函式才能轉換為落定狀態，
通過呼叫 Promise.resolve()靜態方法，可以實體化一個解決的期約，
(注意此處是實體化一個"解決"狀態的期約)
3.2.Promise.reject()
Promise.resolve()類似，Promise.reject()會實體化一個拒絕的期約并拋出一個異步錯誤
let p1 = new Promise((resolve, reject) => resolve());
let p2 = Promise.resolve();
let p3 = new Promise((resolve, reject) => reject());
let p4 = Promise.reject();
console.log(p1);
console.log(p2);
console.log(p3);
console.log(p4);
4.期約實體方法
4.1.Promise.prototype.then(onResolved,onRejected)
Promise.prototype.then()是為期約實體添加處理程式的主要方法，
接受兩個引數
onResolved 處理程式和 onRejected 處理程式，
這兩個引數都是可選的，如果提供的話， 則會在期約分別進入“兌現”和“拒絕”狀態時執行，
function onResolved(id) {
setTimeout(console.log, 0, id, 'resolved');
}
function onRejected(id) {
setTimeout(console.log, 0, id, 'rejected');
}
let p1 = new Promise((resolve, reject) => setTimeout(resolve, 3000));
let p2 = new Promise((resolve, reject) => setTimeout(reject, 3000));
p1.then(() => onResolved('p1'),() => onRejected('p1'));
p2.then(() => onResolved('p2'),() => onRejected('p2'));
若不帶引數
Promise.prototype.then()方法回傳一個新的期約實體
let p1 = new Promise(() => {});
let p2 = new Promise((resolve, reject) => reject());
let p3 = new Promise((resolve, reject) => resolve());
console.log(p1.then());
console.log(p2.then());
console.log(p3.then());
4.2.Promise.prototype.catch()
Promise.prototype.catch()方法用于給期約添加拒絕處理程式，
事實上，這個方法就是一個語法糖，呼叫它就相當于呼叫 Promise.prototype. then(null, onRejected)
let p1 = Promise.reject();
let onRejected = function(e) {
console.log('Promise rejected');
};
// 這兩種添加拒絕處理程式的方式是一樣的：
p1.then(null, onRejected); // rejected
p1.catch(onRejected); // rejected
4.3.Promise.prototype.finally()
Promise.prototype.finally()方法用于給期約添加 onFinally 處理程式，這個處理程式在期 約轉換為解決或拒絕狀態時都會執行，
(也就是說只要發生了狀態變化就會執行)
let p1 = Promise.resolve();
let p2 = Promise.reject();
let onFinally = function() {
console.log( 'Promise Finally!')
}
p1.finally(onFinally); // Finally
p2.finally(onFinally); // Finally
5.課后習題
最近發現了一些問題,每次學完之后很快就忘,所以我決定加一些題目來鞏固記憶,也便于日后快速復習
(最主要目的,學完之后去問別人,當然,別人問你你不知道就尷尬了)
1.什么是JavaScript Promises？
答：JavaScript Promises是異步編程的一種解決方案，它允許您將承諾（一個將來的特定結果）與回呼函式相關聯，以便在異步操作完成后獲取結果，
2.什么是Promise鏈？
答：Promise鏈是一種將多個Promise物件組合在一起的模式，可以按順序執行異步操作，并在每個操作完成后獲取結果，
3.為什么使用Promises？
答：使用Promises可以更容易地管理復雜的異步操作，可以減少回呼函式嵌套和確保結果始終可用，避免回呼地獄
4.什么是.then()？
答：.then()是一個Promise方法，可以讓您指定在Promise狀態改變為解決或拒絕后要執行的操作，
5.什么是.catch()？
答：.catch()是一個Promise方法，可以用于指定在Promise被拒絕時要執行的操作，
6.什么是Promise.all()？
答：Promise.all()是一個Promise方法，用于將多個Promise物件合并到一起，以便在所有Promise物件都解決或拒絕后獲取結果，
7.什么是Promise.race()？
答：Promise.race()是一個Promise方法，可以用來獲取第一個解決或拒絕的Promise物件的結果，
8.什么是Promise.resolve()？
答：Promise.resolve()是一個Promise方法，可以用于將值轉換為一個已解決的Promise物件，
9.什么是Promise.reject()？
答：Promise.reject()是一個Promise方法，可以用于將值轉換為已拒絕的Promise物件，
10.什么是Promise.finally()？
答：Promise.finally()是一個Promise方法，可以用于在Promise解決或拒絕后執行操作，而不論Promise的最終結果如何，
11.如何使用Promise鏈？
答:Promise鏈是一種使用Promise物件來實作嵌套異步操作的技術，要使用Promise鏈，需要在每個Promise實體上呼叫.then()方法，并將 下一個Promise實體作為引數傳入，例如：
let promise = new Promise(function (resolve, reject) { // 異步操作
});
promise
.then(function (result) { // 處理第一個Promise的結果
return new Promise(function (resolve, reject) {
//異步操作
});
})
.then(function (result) { // 處理第二個Promise的結果
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/545482.html
標籤：JavaScript