为什么回调在然后（）是通过JS中的作业队列执行的

Question

我是JS的新手，正在学习promise。我面临的困惑是，then（）中的回调被推送到作业队列中。以下是一个例子：

 let promise = new Promise((resolve, reject) => {
       resolve(setTimeout(()=>console.log('Done'),2000))
    })
    .then((data) => {           
      data;
    })

所以，我们有promise，这是通过console.log（'Done'）解决的。之后，console.log（'Done'）被传递给then（），then（）中的回调被传递给作业队列。为什么？在从asynchronous setTimeout获得数据之后，为什么需要将callback in then（）传递给作业队列？

编辑

假设我们有以下代码：

let promise = new Promise((resolve, reject) => {
    setTimeout(() => {
        resolve('foo');
    }, 2000);
})
.then((data) => {
    console.log(`resolved value: ${data}`);
    return 'bar';
})

上面的代码是这样工作的吗？首先，当代码被执行时，JS引擎会在里面遇到promise和setTimeout。然后，setTimeout被推送到Web Api，然后JS引擎继续执行代码，然后遇到它的回调。然后，回调被推入作业队列，并等待直到promise得到解决。那是正确的吗？

Answer 1

promise被定义为具有作为属性值的函数的对象，然后：

然后（fulfilledHandler、errorHandler、progressHandler）

此函数应返回一个新的promise，该promise在给定的fulfilledHandler或errorHandler回调完成时实现。这允许promise操作链接在一起。回调处理程序返回的值是返回的promise的实现值。如果回调抛出错误，则返回的promise将移至失败状态。

换句话说，then不是附加回调的机制；这是一种将转换应用于promise并从转换中产生新promise的机制。

Answer 2

我不确定这个代码的行为和你想象的一样。

let promise = new Promise((resolve, reject) => {
    resolve(setTimeout(()=>console.log('Done'),2000))
})
.then((data) => {
    data;
})

这个promise是立即解决与setTimeout调用的结果。这可以通过添加日志到您的然后回调来演示：

.then((data) => {
    console.log('data', data);
    data;
})

此示例可能有助于：

let promise = new Promise((resolve, reject) => {
    console.log('one');
    setTimeout(() => {
        console.log('three');
        resolve('foo');
        console.log('four');
    }, 2000);
    console.log('two');
})
.then((data) => {
    console.log(`resolved value: ${data}`);
    return 'bar';
})

promise.then(data => console.log(`resolved value: ${data}`));