手寫實現一個自己的promise

  function myPromise(constructor) {
    let self = this;
    self.status = "pending";
    self.value = undefined;
    self.reason = undefined;

    self.then = function (fullfill, reject) {
      switch(self.status){
        case "resolved":
          fullfill(self.value);
          break;
        case "rejected":
          reject(self.reason);
          break;
        default:
      }
      return this;
    };

    function resolve(value) {
      if (self.status === "pending") {
        self.value = value;
        self.status = "resolved";
      }
    }

    function reject(reason) {
      //兩個==="pending",保證了狀態的改變是不可逆的
      if (self.status === "pending") {
        self.reason = reason;
        self.status = "rejected";
      }
    }

    try {
      constructor(resolve, reject)
    } catch (e) {
      reject(e)
    }
  }

  let p = new myPromise((resolve, rej) => {
    resolve(1)
  }).then((x) => {
    console.log(x)
  }).then((x)=>{
    console.log(x);
  }).then((x)=>{
    console.log(x);
  })

結果:1,1,1

// 將.then方法單獨實現
myPromise.prototype.then = function (fullfill, reject) {
  let self = this;
  switch(self.status){
    case "resolved":
      fullfill(self.value);
      break;
    case "rejected":
      reject(self.reason);
      break;
    default:
  }
};
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章