美文网首页
一段代码看懂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