基于Promise的delay函数的疑问

bigonion

关于Promise封装的delay函数的小问题求助

以下是能够实现的代码

const sleep = (time) => {
        return new Promise(resolve => setTimeout(resolve, time))
    }

console.log("开始等待")
sleep(2000).then(()=>{console.log("延时结束啦")})

• 两句话前后间隔两秒输出

这里有个问题，如果我resolve里面传参的话这个延时函数就不会生效

const sleep = (time) => {
        return new Promise(resolve => setTimeout(resolve("delay"), time))
    }

console.log("开始等待")
sleep(2000).then(()=>{console.log("延时结束啦")})

• 两句话同时输出

可以看到他们返回的分别是pending和fulfilled状态：


有点不太理解，为什么setTimeout执行的是resolve函数就能够成功延时，执行的是带参数的resolve就没法延时呢？

bigonion

还有一个问题@管理员  
为什么没办法显示base64的图片呢，预览图 "所见即所得" 里面明明就能看到

李恒道

return new Promise(resolve => setTimeout(resolve("delay"), time))
的
(resolve => setTimeout(resolve("delay"), time)
相当于
直接执行了resolve("delay")，然后把返回值undeinfed传给了setTimeout

李恒道

bigonion 发表于 2022-12-26 17:46
还有一个问题@管理员  
为什么没办法显示base64的图片呢，预览图 "所见即所得" 里面明明就能看到 ...

论坛mk的bug比较多
呜呜呜

bigonion

李恒道 发表于 2022-12-26 17:55
return new Promise(resolve => setTimeout(resolve("delay"), time))
的
(resolve => setTimeout(resolve( ...

我好像懂了，这里给setTimeout传入的应该是一个函数名,像这样写也可以的：

1. const sleep = (time) => {
   
2.         return new Promise(resolve => setTimeout(()=>{resolve("delaying")}, time))
   
3.     }

复制代码