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

【示例】Promise实现队列

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

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

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...

实现 OpenSearch(Tab to Search)功能

在网站上添加了 OpenSearch 功能以后,IE 7.0 和 Firefox 2.0 以上的浏览器就能够在自带的搜索栏里面添加这个网站的搜索功能了。第一:原始网站支持GET传递参数搜索:第二:编写...

简易CSS3仿照微信对话框

惯例,直接上代码HTML代码:<div class="say-box say-left"> <div class="s...

H5模拟微信菜单下拉菜单

H5模拟微信菜单下拉菜单

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

字体图标的妙用

什么是字体图标对于前端的小伙伴来说,字体应该是再熟悉不过的东西了,对于文字我们可以通过css指定文字对应的字体,字号大小,颜色。得益于css3,我们还可以在css中引入服务端字体来实现自定义字体。而字...

MUMU模拟器调试APP注意事项

MUMU模拟器默认ADB端口7555,所以要么修改MUMU默认端口,要么修改IDE编辑器链接端口为7555。做好这个MARK!...

发表评论

访客

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