promise运行

Question

老师，今天面试有一道代码题没有做对，就是promise的链式使用，看输出什么，但是里面有个return的部分，我不大明白，课程里也没有，麻烦您帮我看看，讲解一下，谢谢

new Promise((resolve, reject) => {
  console.log(1);
  setTimeout(() => {
    console.log(2);
  });
  resolve();
}).then(() => {
  console.log(3);
}).then(() => {
  return new Promise((resolve, reject) => {
    console.log(4);
  }).then(() => {
    console.log(5);
  });
}).then(() => {
  console.log(6);
});
console.log(7);

Answer 1

双越 2020-09-08 23:22:03

你具体哪里明白，哪里糊涂，可以在代码中注释标注一下。

你肯定不是一点都不会，所以先把你的问题暴露出来，然后我“对症下药”。

• 提问者 慕函数9246930 #1

  .then(() => {
    return new Promise((resolve, reject) => {
      console.log(4);
    }).then(() => {
      console.log(5);
    });
  }).then(() => {
    console.log(6);
  });
  console.log(7);
  就是从这个then里的return开始，就不明白了，而且面试官说这里也不会触发后续的then

• 提问者 慕函数9246930 #2

  不加return 我明白，加了个return，就不回了

• 双越 回复 提问者 慕函数9246930 #3

  面试官说这里也不会触发后续的then —— 那是因为 Promise 中没有执行 resolve() ，所有不会触发后续的 then 。即，不执行 resolve() ，那你 return 的就一直是一个 pending 状态的 promise 对象。
  
  这样解释理解了吧？

点开查看后面3条评论