使用 Promises 链实现详细的睡眠功能

Question

我正在尝试使用 JavaScript 中的 Promises 实现睡眠功能。

function sleep(ms) {

  var begin = new Promise(resolve => {
    console.log("Sleep function called for " + ms + " ms\n")
  });

  return new Promise(resolve => setTimeout(resolve, ms))
    .then(() => console.log("Sleep done!" ));

}

它有效。但是，

function sleep(ms) {

  var begin = new Promise(resolve => {
    console.log("Sleep function called for " + ms + " ms\n")
  });

  return begin.then(resolve => setTimeout(resolve, ms))
    .then(() => console.log("Sleep done!" ));

}

没有，而是挂起！是什么赋予了？

更新：我真正想做的是把它写成一系列的 Promise 调用。

function sleep(ms) { 
    var beginAnnounce = new Promise(...);
    var goSleep = new Promise (...);
    var endAnnounce = new Promise...);

    return beginAnnounce.then(goSleep).then(endAnnounce());

}

Answer 1

如果您想组合两个 Promise，您可以在传递给第一个 Promise 的 Promise.prototype.then 的回调中返回第二个 Promise。

看看下面的代码：

const sleep = ms => () => new Promise((resolve, reject) => window.setTimeout(resolve, ms));

Promise.resolve()
.then(() => { console.log('A1');})
.then(sleep(2000))
.then(() => {console.log('A2');});

Promise.resolve()
.then(() => {console.log('B1');})
.then(sleep(1000))
.then(() => {console.log('B2');});

sleep 函数是一个高阶函数，它返回另一个返回承诺的函数。这个承诺在对Window.setTimeout 的调用中得到解决，由传递给sleep 的ms 参数化。

如您所见，执行是交错的，您将看到第二个 promise 的语句 console.log('B2') 的日志输出，然后是第一个 promise 的 console.log('A2'); 的输出。

Answer 2

在第二个sn-p中，需要立即解析begin

var begin = new Promise(resolve => {
  console.log("Sleep function called for " + ms + " ms\n")
  resolve()
})

它在第一个 sn-p 中起作用的原因是因为您从不依赖 begin 来完成，您只需在那里记录开始。但这不是你想要的方式。立即解决的 Promise 毫无意义（无论如何都不适用于您的用例）。所以你应该做类似的事情：

function sleep(ms) {
  console.log("Sleep function called for " + ms + " ms\n")

  return new Promise(resolve => {
    setTimeout(() => {
      console.log("Sleep done!")
      resolve()
    }, ms)
  })
}