javascript – ES6承诺：如何使用参数链接函数

如何将功能与延迟联系起来.我尝试了以下方法：

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;
}

所有功能似乎都是紧接着调用的.延迟功能不会延迟链.我错过了什么？

解决方法:

.then()接受一个函数,它可能会也可能不会返回一个promise

但是你直接传递了一个承诺

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

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