首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为什么最后一个.then在promise chaining中工作

为什么最后一个.then在promise chaining中工作
EN

Stack Overflow用户
提问于 2021-07-17 15:58:51
回答 3查看 49关注 0票数 2

我是JavaScript的新手。在下面的代码中,我没有从.then方法返回任何内容。因此,正如预期的那样,.then将无法工作。我的问题是,为什么最后一个.then (蓝色)而不是第一个.then (红色)可以工作。

代码语言:javascript
运行
复制
let bodyBgChange = (color, delay) => {
    return new Promise((resolve, reject) => {
        setTimeout(()=>{
            document.body.style.backgroundColor = color
            resolve()
        }, delay)
        
    })
}

bodyBgChange('green',1000)
    .then(()=>{ 
        bodyBgChange('red', 1000)
    })
    .then(()=>{
        bodyBgChange('yellow', 1000)
    })
    .then(()=>{
        bodyBgChange('pink', 1000)
    })
    .then(()=>{
        bodyBgChange('blue', 1000)
    })

EN

Stack Overflow用户

发布于 2021-07-17 16:08:39

您忘记了return或使用箭头函数的implicit return

代码语言:javascript
运行
复制
let bodyBgChange = (color, delay) => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      document.body.style.backgroundColor = color
      resolve()
    }, delay)

  })
}

bodyBgChange('green', 1000)
  .then(() => {
    return bodyBgChange('red', 1000)
  })
  .then(() => {
    return bodyBgChange('yellow', 1000)
  })
  .then(() => {
    return bodyBgChange('pink', 1000)
  })
  .then(() => {
    return bodyBgChange('blue', 1000)
  })

票数 3
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68418569

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档