js手写实现简版promsie

最新推荐文章于 2025-08-13 21:05:35 发布

阿豆️

最新推荐文章于 2025-08-13 21:05:35 发布

阅读量379

点赞数 10

CC 4.0 BY-SA版权

分类专栏： js手写汇总文章标签： javascript 前端 linux

本文链接：https://blog.csdn.net/Dou_Hua6/article/details/136660043

js手写汇总专栏收录该内容

24 篇文章

订阅专栏

本文详细介绍了JavaScript中的Promise类，包括构造函数、状态管理（pending、resolved、rejected）、resolve和reject方法以及then方法的工作原理，展示了如何在异步编程中处理回调函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

class MyPromise {
  constructor(fn) {
    this.resolvedCallbacks = [];
    this.rejectedCallbacks = [];
    
    this.state = 'PENDING';
    this.value = '';
    
    fn(this.resolve.bind(this), this.reject.bind(this));
    
  }
  
  resolve(value) {
    if (this.state === 'PENDING') {
      this.state = 'RESOLVED';
      this.value = value;
      
      this.resolvedCallbacks.map(cb => cb(value));   
    }
  }
  
  reject(value) {
    if (this.state === 'PENDING') {
      this.state = 'REJECTED';
      this.value = value;
      
      this.rejectedCallbacks.map(cb => cb(value));
    }
  }
  
  then(onFulfilled, onRejected) {
    if (this.state === 'PENDING') {
      this.resolvedCallbacks.push(onFulfilled);
      this.rejectedCallbacks.push(onRejected);
      
    }
    
    if (this.state === 'RESOLVED') {
      onFulfilled(this.value);
    }
    
    if (this.state === 'REJECTED') {
      onRejected(this.value);
    }
  }
}