当前位置:首页 > 前端

【示例】Promise实现队列

Z先生5年前 (2022-02-07)前端1116

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

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手机上,禁用长按选择功能

1、屏蔽所有标签:* { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none;…

H5模拟微信菜单下拉菜单

H5模拟微信菜单下拉菜单

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

Ckeditor踩坑记

说实话,用了很多富文本编辑器,最精益求精的还是Ckeditor! 曾经一度依赖于百度的Ueditor,因为其简单,方便;特别是在图片上传、H5上传、远程文件下载支持这三个方面,表现尤为突出!…

npm如何使用国内镜像源?

通过命令配置1. 命令淘宝源npm config set registry https://registry.npmmirror.com腾讯源npm …

ColorUI色系

ColorUI色系

                          …

uniapp无缝滚动核心代码

1、页面代码核心代码<scroll-view class="scoll-warp">     <view&nb…

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。