ES6承诺：如何用参数链接函数 [英] ES6 promises: how to chain functions with arguments

问题描述

如何链接延迟功能。我尝试了以下内容：

How to chain functions with delays. I tried the following:

Promise.resolve()
.then(setKeyframe('keyframe-0'))
.then(delay(3000))
.then(setKeyframe('keyframe-1'))
.then(delay(3000))
.then(setKeyframe('keyframe-2'))
;

function delay(ms) {
  return new Promise((resolve, reject) => {
    setTimeout(resolve, ms);
  });
}

function setKeyframe (name) {
  var element = document.getElementsByClassName('animation-container')[0];
  element.className = 'animation-container ' + name;
}

所有函数似乎都是相互调用的。延迟功能不会延迟链。我缺少什么？

All functions seem to be called immediately after each other. The delay function does not delay the chain. What am I missing?

推荐答案

.then（）接受函数，可能也可能不会退货承诺

.then() accepts a function, which may or may not return a promise

然而，您直接承诺承诺

// Yes
Promise.resolve().then(() => { return new Promise(); });

// No
Promise.resolve().then(new Promise());

这篇关于ES6承诺：如何用参数链接函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！