论坛 › Web开发 › 关于 Promise，把代码弄得更简洁

ckblt 发表于 2022-1-27 16:18:32

关于 Promise，把代码弄得更简洁

【JavaScript】
我想把这段代码弄得更简洁一些：
// prom 是 new Promise, sleep 返回 new Promise
prom
          .then(() => {
            countDownE.innerHTML = '14'
            return sleep(1000)
          })
          .then(() => {
            countDownE.innerHTML = '13'
            return sleep(1000)
          })
          .then(() => {
            countDownE.innerHTML = '12'
            return sleep(1000)
          })
          .then(() => {
            countDownE.innerHTML = '11'
            return sleep(1000)
          })
          .then(() => {
            countDownE.innerHTML = '10'
            return sleep(1000)
          })
          .then(() => {
            countDownE.innerHTML = '9'
            return sleep(1000)
          })
          .then(() => {
            countDownE.innerHTML = '8'
            return sleep(1000)
          })
          .then(() => {
            countDownE.innerHTML = '7'
            return sleep(1000)
          })
          .then(() => {
            countDownE.innerHTML = '6'
            return sleep(1000)
          })
          .then(() => {
            countDownE.innerHTML = '5'
            return sleep(1000)
          })
          .then(() => {
            countDownE.innerHTML = '4'
            return sleep(1000)
          })
          .then(() => {
            countDownE.innerHTML = '3'
            return sleep(1000)
          })
          .then(() => {
            countDownE.innerHTML = '2'
            return sleep(1000)
          })
          .then(() => {
            countDownE.innerHTML = '1'
          })

kogawananari 发表于 2022-1-28 16:15:26

const sleep = time => new Promise((res,rej) => setTimeout(() => res(), time))

void async function main(){
let i = 15
while(i--){
    await sleep(1000)
    console.log(i)
}
}()

查看完整版本: 关于 Promise，把代码弄得更简洁