（Promise）串行期约合成

原创于 2023-03-25 12:00:46 发布 · 96 阅读

CC 4.0 BY-SA版权

文章标签：

文章展示了如何利用JavaScript中的数组reduce方法，结合Promise，串联执行多个函数。给定的三个函数addTwo、addThree和addFive分别增加2、3和5，addTen函数利用reduce将这些函数串联起来，从Promise.resolve(x)开始，最终输出x加上2、3和5的总和。

function addTwo(x) {
  return x + 2
}
function addThree(x) {
  return x + 3
}
function addFive(x) {
  return x + 5
}
// 定义三个函数

// 调用数组reduce方法，设置初始值Promise.resolve(x)，传入prev,cur为数组中的第一个函数addTwo，
// 返回一个promise实例，最终变成Promise.resolve(x).then(addTwo).then(addThree).then(addFive)
function addTen(x) {
  return [addTwo, addThree, addFive].reduce((promise, fn) => {
    return promise.then(fn)
  }, Promise.resolve(x))
}

addTen(8).then(console.log)
// 18