简单promise再落实

Question

最近，在一次全栈开发人员面试中，我看到了一段被问到的代码。它包括创建一个Promise（候选人应该在其中实现）、传递一个resolve函数，以及链接2 then的。

我非常天真地尝试实现promise，只是为了让代码工作。创建了一个接受解析器函数的ctor，创建了一个接受回调并返回promise的Then函数，并简单地对解析器函数调用回调。

class MyPromise {

    constructor(resolver) {
        this.resolver = resolver;
    }

    then(callback) {
        const result = new MyPromise(callback);
        this.resolver(callback);

        return result;
    }
}

promise = new MyPromise(
    (result) => {
        setTimeout(result(2), 500);
    });
promise.then(result => {
    console.log(result);
    return 2 * result;
}).then(result => console.log(result));

预期的结果是2，4-就像用真正的promise操作一样。但我得到了2,2。我很难弄清楚如何获取第一个“then”的返回值并传递它。

Answer 1

下面是创建promise类的缩短代码,

class MyPromise {
  constructor(executor) {
    this.callbacks = [];

    const resolve = res => {
      for (const { callback } of this.callbacks) {
        callback(res);
      }
    };

    executor(resolve);
  }

  then(callback) {
    return new MyPromise((resolve) => {
      const done = res => {
        resolve(callback(res));
      };
      this.callbacks.push({ callback: done });
    });
  }
}


promise = new MyPromise((resolve) => {
  setTimeout(() => resolve(2), 1000);
});

promise.then(result => {
  console.log(result);
  return 2 * result;
}).then(result => console.log(result));