Promises/A+ 和异步等待 - JavaScript 挑战

发布日期： 2024-11-04 阅读量： 作者： 网络

promises/a+ 和异步等待 - javascript 挑战

您可以在 github 仓库中找到这篇文章中的所有代码。

异步编程 promises/a+ & async 等待相关挑战

使用 promise.finally() 实现 promises/a+

class mypromise {
  constructor(executor) {
    this.state = 'pending';
    this.value = undefined;
    this.reason = undefined;
    this.onfulfilledcallbacks = [];
    this.onrejectedcallbacks = [];

    const resolve = (value) => {
      if (this.state === 'pending') {
        this.state = 'fulfilled';
        this.value = value;
        this.onfulfilledcallbacks.foreach((callbackfn) => callbackfn(this.value));
      }
    } 

    const reject = (reason) => {
      if (this.state === 'pending') {
        this.state = 'rejected';
        this.reason = reason;
        this.onrejectedcallbacks.foreach((callbackfn) => callbackfn(this.reason));
      }
    }

    try {
      executor(resolve, reject);
    } catch (err) {
      reject(err);
    }
  }

  handlepromiseresult(result, resolve, reject) {
    if (result instanceof mypromise) {
      result.then(resolve, reject);
    } else {
      resolve(result);
    }
  }

  then(onfulfilled, onrejected) {
    onfulfilled = typeof onfulfilled === 'function'
      ? onfulfilled
      : (value) => value;
    onrejected = typeof onrejected === 'function'
      ? onrejected
      : (reason) => { throw reason; };

    // return a promise
    return new mypromise((resolve, reject) => {
      const fulfilledhandler = () => {
        queuemicrotask(() => {
          try {
            const result = onfulfilled(this.value);
            this.handlepromiseresult(result, resolve, reject);
          } catch (err) {
            reject(err);
          }
        });
      };

      const rejectedhandler = () => {
        queuemicrotask(() => {
          try {
            const result = onrejected(this.reason);
            this.handlepromiseresult(result, resolve, reject);
          } catch (err) {
            reject(err);
          }
        });
      };

      if (this.state === 'fulfilled') {
        fulfilledhandler();
      } else if (this.state === 'rejected') {
        rejectedhandler();
      } else {
        this.onfulfilledcallbacks.push(fulfilledhandler);
        this.onrejectedcallbacks.push(rejectedhandler);
      }
    });
  }

  catch(onrejected) {
    return this.then(null, onrejected);
  }

  finally(onfinally) {
    if (typeof onfinally !== 'function') {
      return this.then();
    }

    return this.then(
      (value) => mypromise.resolve((onfinally()).then(() => value)),
      (reason) => mypromise.resolve(onfinally()).then(() => { throw reason })
    );
  }

  static resolve(value) {
    return new mypromise((resolve) => resolve(value));
  }

  static reject(reason) {
    return new mypromise((_, reject) => reject(reason));
  }
}

// usage example
const promise = mypromise.resolve(1);
promise.then((value) => {
  console.log(value);
})
.then(() => {
  throw new error('error');
})
.catch((err) => {
  console.log(`error catched: ${err}`);
});

# git

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯762 】【 SEO推广745 】

上一篇: linux中short有几个字节

下一篇: linux怎么查看哪个文件最大

Promises/A+ 和异步等待 - JavaScript 挑战

随便看看