我是JavaScript的新手。在下面的代码中,我没有从.then方法返回任何内容。因此,正如预期的那样,.then将无法工作。我的问题是,为什么最后一个.then (蓝色)而不是第一个.then (红色)可以工作。
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)
})
发布于 2021-07-17 16:08:39
您忘记了return或使用箭头函数的implicit return
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)
})
https://stackoverflow.com/questions/68418569
复制相似问题