示例

// Promise.resolve()
Promise.resolve(1).then((data) => {
  console.log(data) // 1
})
// Promise.reject()
Promise.reject(2).catch((data) => {
  console.log(data) // 2
})
// Promise.all()
// 多個Promise都成功后獲取結果，呼叫成功回呼，如果有一個promise失敗了，all回傳的promise物件也會失敗，呼叫失敗回呼
Promise.all([1, new Promise((res, rej) => { res(10) })]).then((data) => {
  console.log(data) // [1, 10]
})
// Promise.finally()不管上一個promise狀態是什么 都會執行
Promise.resolve(111).finally((data) => {
  console.log(data) // undefined
  return 2;
  // return new Promise((resolve, reject) => {
  //   reject('222')
  // })
}).then(data =https://www.cnblogs.com/zhengrongbaba/archive/2021/09/05/> {
  console.log(data) // 111
}).catch(reason => {
  console.log(reason) // finally中回傳失敗的promise才執行
})

// race 誰最快改變狀態 就執行誰的回呼
Promise.race([1,3]).then(data =https://www.cnblogs.com/zhengrongbaba/archive/2021/09/05/> {
  console.log(data) // 1
}).catch(err => console.log(data))

手寫實作

class MyPromise {
  static finally(callback) {
    return this.then(data =https://www.cnblogs.com/zhengrongbaba/archive/2021/09/05/> {
      // 直接呼叫callback()無法處理異步代碼
      Promise.resolve(callback()).then(() => data)
    }, err => {
      Promise.resolve(callback()).then(() => {throw err})
    })
  }
  static all(args) {
    let results = [];
    let promiseCount = 0;
    let promisesLength = promises.length;
    return new Promise(function(resolve, reject) {
      for (let val of promises) {
        // 將普通值也包裝成promise來處理
        Promise.resolve(val).then(function(res) {
          // 記錄當前執行了幾個promise
          promiseCount++;
          // 成功回呼的引數存放到結果陣列中
          results[i] = res;
          // 當所有promise都為成功轉態，在all回傳的promise實體中呼叫resolve，傳入結果陣列，
          
          if (promiseCount === promisesLength) {
            return resolve(results);
          }
        }, function(err) {
          return reject(err);
        });
      }
    });
  }

  static race(proms) {
    return new Promise((resolve, reject) => {
      proms.forEach((p) => {
        p.then(
          (data) => {
            resolve(data);
          },
          (err) => {
            reject(err);
          },
        );
      });
    });
  }

  static resolve(data) {
    if (data instanceof Promise) {
      return data;
    } else {
      return new Promise((resolve) => {
        resolve(data);
      });
    }
  }

  static reject(reason) {
    return new Promise((resolve, reject) => {
      reject(reason);
    });
  }
}

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/297743.html

標籤：其他

上一篇：Promise靜態方法實作(all race finally resolve reject)

下一篇：【odoo】【知識雜談】單一實體多庫模式下定時任務的問題分析