通過 new Promise() 構(gòu)造函數(shù)可以創(chuàng)建一個(gè) Promise 對(duì)象。構(gòu)造函數(shù)接受一個(gè)函數(shù)作為參數(shù)，該函數(shù)有兩個(gè)參數(shù)：resolve 和 reject。

const promise = new Promise((resolve, reject) => {
  if (/* 異步操作成功 */) {
    resolve(value); // 狀態(tài)變?yōu)?fulfilled
  } else {
    reject(error); // 狀態(tài)變?yōu)?rejected
  }
});

Promise 的靜態(tài)方法

Promise 提供了一些靜態(tài)方法，用于處理多個(gè) Promise 對(duì)象。

1. Promise.resolve()

Promise.resolve() 返回一個(gè) resolved 狀態(tài)的 Promise，參數(shù)可以是普通值或 Promise 對(duì)象。

Promise.resolve('success').then(value => console.log(value)); // 'success'

2. Promise.reject()

Promise.reject() 返回一個(gè) rejected 狀態(tài)的 Promise。

Promise.reject('error').catch(error => console.log(error)); // 'error'

3. Promise.all()

Promise.all() 接收一個(gè) Promise 數(shù)組，全部成功時(shí)返回結(jié)果數(shù)組，有一個(gè)失敗則立即 reject。

Promise.all([promise1, promise2])
  .then(values => console.log(values))
  .catch(error => console.log(error));

4. Promise.race()

Promise.race() 返回最先完成的 Promise 的結(jié)果（無論成功或失敗）。

Promise.race([promise1, promise2])
  .then(value => console.log(value))
  .catch(error => console.log(error));

5. Promise.allSettled()

Promise.allSettled() 等待所有 Promise 完成，返回每個(gè) Promise 的狀態(tài)和結(jié)果。

Promise.allSettled([promise1, promise2])
  .then(results => console.log(results));

Promise 的應(yīng)用場(chǎng)景

1. 異步請(qǐng)求封裝
用 Promise 包裝 XMLHttpRequest 或 fetch：

function fetchData(url) {
  return new Promise((resolve, reject) => {
    fetch(url)
      .then(response => response.json())
      .then(data => resolve(data))
      .catch(err => reject(err));
  });
}

2. 鏈?zhǔn)秸{(diào)用
通過 then 方法實(shí)現(xiàn)順序異步操作：

getUser()
  .then(user => getOrders(user.id))
  .then(orders => processOrders(orders))
  .catch(error => console.error(error));

3. 并行執(zhí)行
使用 Promise.all 處理多個(gè)并行異步任務(wù)：

Promise.all([fetchData(url1), fetchData(url2)])
  .then(results => console.log(results))
  .catch(error => console.error(error));

注意事項(xiàng)

錯(cuò)誤捕獲

• 未捕獲的 Promise 錯(cuò)誤可能導(dǎo)致程序靜默失敗。務(wù)必使用 catch() 或 try-catch（搭配 async/await）處理錯(cuò)誤。

鏈?zhǔn)秸{(diào)用

• Promise 鏈?zhǔn)秸{(diào)用中，每個(gè) then() 返回的 Promise 狀態(tài)會(huì)影響后續(xù)調(diào)用。若未正確處理返回值或錯(cuò)誤，可能導(dǎo)致邏輯中斷。

狀態(tài)不可逆

• Promise 狀態(tài)一旦變?yōu)?fulfilled 或 rejected，就無法再改變。多次調(diào)用 resolve() 或 reject() 無效。

性能問題

• 過度嵌套 Promise 可能導(dǎo)致“回調(diào)地獄”。建議使用 async/await 或扁平化鏈?zhǔn)秸{(diào)用。

優(yōu)化建議

合理使用 Promise.all()： 當(dāng)需要并行執(zhí)行多個(gè)不相關(guān)的異步操作時(shí)，使用 Promise.all() 可以提高效率。

避免不必要的嵌套： 盡量使用鏈?zhǔn)秸{(diào)用而非嵌套 then()，以保持代碼扁平化。

使用 async/await： 在支持 ES7 的環(huán)境中，可以用 async/await 進(jìn)一步簡(jiǎn)化 Promise 的使用，提升代碼可讀性。

內(nèi)存泄漏處理： 長(zhǎng)時(shí)間掛起的 Promise 可能導(dǎo)致內(nèi)存泄漏，應(yīng)設(shè)置超時(shí)機(jī)制或取消邏輯。

總結(jié)

Promise 是 JavaScript 異步編程的核心工具之一，提供了比傳統(tǒng)回調(diào)更清晰和可維護(hù)的代碼結(jié)構(gòu)。通過合理使用鏈?zhǔn)秸{(diào)用、錯(cuò)誤處理和并行操作，可以顯著提升異步代碼的質(zhì)量和性能。隨著 async/await 的普及，Promise 的重要性進(jìn)一步凸顯，成為現(xiàn)代 JavaScript 開發(fā)的必備技能。

到此這篇關(guān)于JavaScript中的Promise基本概念及應(yīng)用場(chǎng)景詳解的文章就介紹到這了,更多相關(guān)js promise詳解內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！