如何编写适用于 Promise.resolve() 的 promise polyfill？

Question

我正在尝试编写一个promise polyfill 以更好地理解promise。 我在互联网上搜索并找到了一个我能够在一定程度上理解的代码。

function CustomPromise(executor) {
var state=PENDING;
var value = null;
var handlers=[];
var catchers = [];

function resolve(result) {
    if(state!==PENDING) return;

    state=FULFILLED;
    value = result;

    handlers.forEach((h)=>h(value));    //this line
}

function reject(error) {
    if(state!==PENDING)return;

    state=REJECTED;
    value=error;
    catchers.forEach(c=>c(value));  // this line
}

this.then = function(successCallback) {
    if(state === FULFILLED) {
        successCallback(value);
    }else {
        handlers.push(successCallback);
    }
    return this;
}

this.catch = function(failureCallback) {
    if(state===REJECTED){
        failureCallback(value)
    } else {
        catchers.push(value);
    }
}
executor(resolve,reject);
}

即使在这种情况下，我也无法理解处理程序和捕手的使用。 据说它们适用于未履行或拒绝承诺的情况。 解释这两行也会有所帮助。 现在，上述实现的实际问题是它在使用时不起作用let p1 = Promise.resolve("Hello World"); . 我已经尝试将其转换为基于类，但我无法做到这一点。 我的尝试：

class CustomPromise {
constructor(callback){
    this.state = PENDING;
    this.executor = callback;
    this.value = null;
    this.handlers = [];
    this.catchers = [];
    this.then = function(successCallback) {
        if(this.state === FULFILLED) {
            successCallback(this.value);
        }else {
            this.handlers.push(successCallback);
        }
        return this;
    };

    this.catch = function(failureCallback) {
        if(this.state===REJECTED){
            failureCallback(this.value)
        } else {
            this.catchers.push(this.value);
        }
    };
}

static resolve(result) {
    if(this.state!==PENDING) return;

    this.state=FULFILLED;
    this.value = result;

    this.handlers.forEach((h)=>h(this.value));
    // return new CustomPromise( function ( fulfil ) {
    //     fulfil( value );
    // });
}

static reject(error) {
    if(this.state!==PENDING)return;

    this.state=REJECTED;
    this.value=error;
    this.catchers.forEach(c=>c(this.value));
}

// executor(resolve,reject);
}

有人可以更正功能方法，使其适用于CustomPromise.resolve()场景或在我的基于类的方法中进行更正，我将不胜感激。 编辑：尝试CustomPromise.prototype.resolve = function(error) {...}仍然得到相同的错误CustomPromise.resolve is not a function EDIT2：在基于类的方法中，我无法实现执行程序回调。 我只希望其中一种方法适用于Promise.resolve()之类的情况

Answer 1

要扩展CustomPromise的第一个（工作）版本，请在您拥有的（非工作）类版本中的注释掉代码中添加您似乎一直在尝试的代码。 但它有两个小问题。 不过，使用new CustomPromise的想法是正确的：

CustomPromise.resolve = value => new CustomPromise(fulfil => fulfil(value));
CustomPromise.reject = error => new CustomPromise((_, reject) => reject(error));

因此，如果您在CustomPromise函数定义下方添加它，它将起作用：

 const PENDING = "pending"; const FULFILLED = "fulfilled"; const REJECTED = "rejected"; function CustomPromise(executor) { var state=PENDING; var value = null; var handlers=[]; var catchers = []; function resolve(result) { if(state!==PENDING) return; state=FULFILLED; value = result; handlers.forEach((h)=>h(value)); } function reject(error) { if(state!==PENDING)return; state=REJECTED; value=error; catchers.forEach(c=>c(value)); } this.then = function(successCallback) { if(state === FULFILLED) { successCallback(value); }else { handlers.push(successCallback); } return this; } this.catch = function(failureCallback) { if(state===REJECTED){ failureCallback(value) } else { catchers.push(value); } } executor(resolve,reject); } // Added: CustomPromise.resolve = value => new CustomPromise(fulfil => fulfil(value)); CustomPromise.reject = error => new CustomPromise((_, reject) => reject(error)); // Demo let p = CustomPromise.resolve(42); let q = CustomPromise.reject("custom error"); p.then(value => console.log("p", value)); q.catch(error => console.log("q", error));

免责声明：这个 polyfill 不符合Promise的 ECMAScript 规范，假设它符合Promises/A+ 规范。

它存在的一些问题：

• 它允许同步执行then回调。 then回调永远不应同步执行，而应始终通过排队作业（即异步）调用。
• catch方法错误地返回 undefined。 它应该返回一个承诺。
• then方法错误地返回与调用它时相同的 Promise。 它应该返回一个不同的 Promise，它使用回调返回的值来解析。
• then方法忽略第二个参数。 它应该采用第二个函数，该函数应该用作拒绝回调（如catch ）。
• 当 promise 用 thenable 解决时，thenable 被错误地用作履行值。 这不是它应该如何工作的。 Promise 的一个非常重要的方面是 Promise链，即当一个 Promise 解析为另一个 Promise（或 thenable）时，它会“锁定”到第二个 Promise，因此它将遵循第二个 Promise 的解析方式。

有许多正确的实现可以找到。 我在这个答案中发布了我自己的 Promises/A+ 兼容实现。 它没有resolve和reject静态方法，但它需要与上面给出的相同的附加代码。