es6的Promise(承诺)

发布时间:2019-08-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了es6的Promise(承诺)脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

es6Promise(承诺)

Promise中的所有回调函数,都是异步执行
//用来解决异步的一些问题
let p = new Promise(function(resolve,refused){
    console.LOG("abc");
    //resolve();
    setTimeout(function(){
        resolve();
    },3000); 
    console.log("123");
});

p.then(function(){
    console.log("def");
});

//挂起状态     成功状态      失败状态

setTimeout(function(){
    console.log(1);
    setTimeout(function(){
        console.log(2);
        setTimeout(function(){
            console.log(3);
            setTimeout(function(){
                console.log(4);
                setTimeout(function(){
                    console.log(6);
                },5000);
            },3000);
        },3000);
    },2000);
},1000);

function sleep(times){
    return new PRomise(function(resolve,refused){
        setTimeout(function(){
            resolve();
        },times);
    });
}

let pr = new Promise(function(resolve,refused){
    setTimeout(function(){
        resolve();
    },1000);
});

pr.then(function(){
    console.log(1);
    return sleep(2000);
}).then(function(){
    console.log(2);
    return sleep(3000);
}).then(function(){
    console.log(3);
    return sleep(4000);
}).then(function(){
    console.log(4);
});



let P3 = new Promise(function(resolve,refused){
    resolve();
    refused("失败了");
});
p3.then(function(){
    console.log("eDF");
}).catch(function(e){
    console.log(e);
});
ES6 对 Promise 有了原生的支持,一个 Promise 是一个等待被异步执行的对象,当它执行完成后,其状态会变成 resolved 或者 rejected。
每一个 Promise 都有一个 .then 方法,这个方法接受两个参数,第一个是处理 resolved 状态的回调,一个是处理 rejected 状态的回调

脚本宝典总结

以上是脚本宝典为你收集整理的es6的Promise(承诺)全部内容,希望文章能够帮你解决es6的Promise(承诺)所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。