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

【示例】Promise实现队列

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

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

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));
分享给朋友:

相关文章

小程序二维码传参处理&UNIAPP H5传参兼容处理

首先小程序生成二维码,我这里调用的接口是:getUnlimited,我传递的参数是:invite=10001接着就是小程序中处理,如果直接扫二维码在App.vue的onLaunch中,使用decode...

H5模拟微信菜单下拉菜单

H5模拟微信菜单下拉菜单

核心HTML代码:核心点:外层类“submenu-warp”子菜单类:“submenu”<div data-href="#mainurl" class=&...

【原创】api接口模拟器(NodeJS版)

最近遇到一个项目,内网的APP,后端数据和前段开发属于异地,没法直接做接口数据测试。因此用NodeJs简单写了个API模拟器,只要将响应的数据放在对应目录下json.json文件中即可。请求地址全静态...

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

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

写给即将寿终正寝的Flash,即html5 Flash解决方案

写给即将寿终正寝的Flash,即html5 Flash解决方案

Adobe的Flash将于2020年12月31日正式终止。Adobe公司最近宣布,将会正式宣布停止对Flash的支持,这也变相宣布了Flash的死亡,Flash Player将于2020年12月31日...

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

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

发表评论

访客

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