从头开始创建的自定义JavaScript Promise中，“'Then'在Promise解析之前被执行。这是什么原因？”

在自定义的JavaScript Promise中，'then'在Promise解析之前被执行的原因是因为'Promise'的构造函数中的执行代码是同步执行的，而'then'方法是异步执行的。

以下是一个展示这个问题的简单代码示例：

class MyPromise {
  constructor(executor) {
    this.state = 'pending';
    this.value = undefined;
    this.callbacks = [];

    const resolve = (value) => {
      if (this.state === 'pending') {
        this.state = 'fulfilled';
        this.value = value;
        this.callbacks.forEach(callback => this.executeCallback(callback));
      }
    };

    executor(resolve);
  }

  then(callback) {
    if (this.state === 'fulfilled') {
      this.executeCallback(callback);
    } else {
      this.callbacks.push(callback);
    }
  }

  executeCallback(callback) {
    setTimeout(() => {
      const result = callback(this.value);
      // 处理then方法返回的新Promise
      if (result instanceof MyPromise) {
        result.then(value => console.log('Resolved:', value));
      } else {
        console.log('Resolved:', result);
      }
    }, 0);
  }
}

// 创建一个自定义Promise对象实例
const myPromise = new MyPromise((resolve) => {
  console.log('Promise is being resolved...');
  setTimeout(() => {
    resolve('Promise resolved');
  }, 1000);
});

// 在Promise解析之前调用then方法
myPromise.then(value => console.log('Then:', value));

在上面的代码中，当创建MyPromise对象实例时，构造函数中的executor函数会立即执行，在这个例子中，执行了一个异步操作setTimeout。然后，在构造函数内部，调用了resolve函数来解析Promise。

由于setTimeout是异步执行的，所以会先执行then方法，将callback函数添加到callbacks数组中，然后执行executeCallback函数。在executeCallback函数中，我们使用setTimeout来模拟异步操作，以确保在then方法之后执行。

这样，当Promise被解析时，callbacks数组中的callback函数将被依次执行，并输出结果。

在上面的代码示例中，我们创建了一个自定义的Promise对象实例myPromise，然后在Promise对象解析之前调用了then方法。根据代码的输出，我们可以看到在Promise解析之前，then方法已经被执行了。

这就是为什么在自定义Promise中，'then'在Promise解析之前被执行的原因。为了解决这个问题，我们可以使用setTimeout或其他异步操作来确保'then'方法在Promise解析之后被执行。