美文网首页
一段代码看懂Promise

一段代码看懂Promise

作者: 程序员不务正业 | 来源:发表于2019-12-02 18:30 被阅读0次
    let timer1 = function(){
        let p = new Promise((res,rej)=>{
            setTimeout(()=>{
                console.log("我是timer1");
                // res必须包含,没有这个东西你的函数触发.then
                // 表示成功后返回的内容
                res('timer1成功后返回的内容');
            },1500)
        })
        return p;
    }
    let timer2 = function(){
        let p = new Promise((res,rej)=>{
            setTimeout(()=>{
                console.log("我是timer2");
                res('timer2成功后返回的内容');
            },500)
        })
        return p;
    }
    let timer3 = function(){
        let p = new Promise((res,rej)=>{
            setTimeout(()=>{
                console.log("我是timer3");
                res('timer3成功后返回的内容');
            },1000)
        })
        return p;
    }
    
    // 单个调用
    timer1().then((data)=>{
        console.log(data);
    })
    
    // 连续调用
    timer1().then((data)=>{
        console.log(data);
        return timer2();
    }).then((data)=>{
        console.log(data);
        return timer3();
    }).then((data)=>{
        console.log(data);
    })
    
    //通过all方法调用 注意 这个方式是并行执行的 无法决定顺序
    Promise.all([timer1(), timer2(), timer3()]).then(function(results){
        console.log(results);
    });
    

    相关文章

      网友评论

          本文标题:一段代码看懂Promise

          本文链接:https://www.haomeiwen.com/subject/uebfgctx.html