js promise实现原理

最新推荐文章于 2025-03-31 13:24:27 发布

原创最新推荐文章于 2025-03-31 13:24:27 发布 · 519 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

js 专栏收录该内容

79 篇文章

订阅专栏

本文介绍了一个简单的Promise类实现，包括构造函数、then方法及状态管理。该实现支持将回调函数排队执行，并在状态变为已解决(fulfilled)时调用这些回调。

简单实现版本

class Promise {
    callbacks = [];
    state = 'pending';
    value = null;
    constructor(fn) {
        fn(this._resolve.bind(this))
    }
    then(onFulfilled) {
        if (state === 'pending') {
            this.callbacks.push(onFulfilled);
        }   
        else {
            onFulfilled(this.value);
        }
        
        return this;
    }
    _resolve(value) {
        this.state = 'fulfilled';
        this.value = value;
        this.callbacks.forEach(fn => fn(value));
    }
}