Promise是什么：
Promise是異步編程的一種解決方案，
JavaScript是單執行緒機制，所謂單執行緒就是按次序執行，執行完一個任務再執行下一個任務，同步就是一個單執行緒操作，同步編程會帶來一個嚴重的問題------阻塞，即：假如用戶在做某一個操作的時候，突然間進行一個異步操作（網路請求、計時器），而異步操作一般情況下是比較耗時的，此時代碼執行到這個地方會出現阻塞，影響后續代碼的運行，為了解決這個問題，我們一般在此時進行異步操作，即在發送網路請求的同時，繼續執行后續代碼，然后網路請求結束后，通過回呼函式回傳其結果，
同步操作遇到的問題：
以網路請求為例：第一次網路請求的結果中包含第二次網路請求的URL，第二次網路請求的結果中包含第三次網路請求的URL，第三次網路請求的結果中又包含第四次網路請求的URL…,此時就陷入了回呼地獄，為了避免回呼地獄的出現，使用Promise封裝異步操作(此處也就是網路請求)，
Promise的三種所處的狀態：
在Promise封裝異步操作之后會有三種狀態，pending:等待狀態，比如正在進行網路請求，或者定時器沒有到時間；fulfill：滿足狀態，當我們回呼了resolve()函式時，就處于該狀態，并且回呼then()；reject：拒絕狀態，當我們主動回呼了reject時，就會處于該狀態，并且會回呼catch()方法
Promise的使用：
使用關鍵字new創建Promise實體物件，該Promise需要傳入兩個引數resolve 和 reject；resolve 和 reject本身又是兩個函式，
new Promise((resolve, reject) => {
// 網路請求
setTimeout(() => {
// 此處為了模仿網路請求成功與失敗，將下方的resolve()注釋：代表模仿的網路請求失敗，執行catch(),若將reject()注釋掉，代表網路請求成功，執行then()
resolve("請求到了資料");
// Promise不希望我們在此處處理網路請求的結果,希望在then()方法中處理
// reject("資料請求失敗");
}, 1000)
}).then(res => {
// 此處的引數res代表成功請求到的資料
console.log(res);
}).catch(data => {
// 此處的data代表網路請求失敗后的錯誤資訊
console.log(data);
});
// 使用Promise封裝真正的網路請求
let ajaxRequest = new Promise((resolve, reject) => {
$.ajax({
type: "get",
url: "url地址",
dataType: "json",
success: res => {
resolve(res);
},
error: res => {
reject(res);
}
});
});
// 網路請求成功的處理
ajaxRequest.then(res => {
listArr = res.data.banner.list;
console.log(listArr);
});
// 網路請求失敗的處理
ajaxRequest.catch(res => {
console.log(res.returnCode);
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/186201.html
標籤：其他
上一篇：怎么設計出來的網站才更好看