当前位置:首页 > 前端 > 正文内容

【示例】Promise实现队列

Z先生4年前 (2022-02-07)前端811

具体内容就不组织了,直接来例子更明确

function prossFun(timer){
    return  new Promise(function(resolve, reject){       
        setTimeout(function(){
        console.log(timer)
        resolve(true);
        }, 1000);
    });
}

// 队列过程
Promise.resolve().then(function(){
        return  new Promise(function(resolve, reject){       
            setTimeout(function(){
                console.log(1)
                resolve(true);
            }, 1000);
        });
    })
    .then(function(a){
         return prossFun(2)
    })
    .then(function(){
        return  new Promise(function(resolve, reject){       
            setTimeout(function(){
                console.log(3)
                resolve(true);
            }, 1000);
        });
    })
    .then(function(b){
         return prossFun(4)
    })
    .then(function(obj){
         return prossFun(5)
    })
    .then(data=>{
         return prossFun(6)
    })
    .catch(e => console.log(e));
分享给朋友:

相关文章

去掉H5中number输入框的上下箭头

方法一:CSS样式处理input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{    &...

VUE打包时from UglifyJs Unexpected token: punc (()错误解决方案

归其原因是因为缺少ES2015的语法解析。因此进行如下2步操作即可解决问题:1、安装babel-preset-es2015npm install babel-preset-es20...

npm删除掉所有模块并重新安装的方法

1、删除目录:node_modules2、运行清理命令npm cache clean -f3、安装npm install...

微信小程序强制热更新

微信小程序强制热更新

微信小程序分为冷启动和热启动,在更新后,一般需要一个周期,用户端才会重新更新。官方从小程序基础库版本1.9.90开始支持强制更新异步更新 + 强制更新方案介绍从基础库 1.9.90 开始,我们提供了&...

微信html链接小程序原始写法(暂未测试)

微信html链接小程序原始写法(暂未测试)

无意间发现了微信的这个链接,这几天比较忙,暂时还没有测试,等空了再测试一下。<a class="weapp_text_link"   &nbs...

记vue/uniapp本地调试以及部署代理服务器设置哪些事

接触vue差不多也一年有余,很多概念性的东西都不懂,逐步已经习惯了npm来安装,之前其他同事做的一些项目,npm自己拿过来也踩了很多坑,比如换个环境再npm就跑不起来了等等之类的,遇到最多的就是scs...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。
请先 登录 再评论,若不是会员请先 注册