为什么 then() 中的回调是通过 JS 中的作业队列执行的

Question

我是 JS 新手，正在学习 Promises。我面临的困惑是 then() 中的回调被推入作业队列。这是一个例子：

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

所以，我们有一个可以通过 console.log('Done') 解决的承诺。之后，console.log('Done') 被传递给 then() 并且 then() 中的回调被传递给作业队列。为什么？我们从异步 setTimeout 中得到数据后，为什么需要将 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 引擎继续执行代码并遇到 then 及其回调。然后 then 的回调被推入作业队列并等待直到 promise 被解决。那是对的吗？

Answer 1

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

那么（fulfilledHandler、errorHandler、progressHandler）

这个函数应该返回一个新的承诺，当 给定的fulfilledHandler 或errorHandler 回调已完成。这 允许将 Promise 操作链接在一起。返回的值 来自回调处理程序的是返回的履行值 承诺。如果回调抛出错误，返回的承诺将是 移动到失败状态。

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

Answer 2

我不确定这段代码的行为是否如您所想。

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

这个承诺会立即用setTimeout 调用的结果来解决。这可以通过在then 回调中添加日志来证明：

.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}`));