es6之promise

Posted 2020-10-15 karila

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了es6之promise相关的知识，希望对你有一定的参考价值。

promise用于异步调用

//基本用法

let ajax=function(){
        console.log("执行");
        return new Promise(function(resolve,reject){
            setTimeout(function(){
                resolve()
            },1000)
        })
    }
    ajax().then(function(){
        console.log("promise","timeout");
    })

//连续调用

let ajax=function(){
        console.log("执行1");
        return new Promise(function(resolve,reject){
            setTimeout(function(){
                resolve()
            },1000)
        })
    }
    ajax()
        .then(function(){
        return new Promise(function(resolve,reject){
            setTimeout(function(){
                resolve()
            },2000)
        })
        .then(function(){
            console.log("timeout3")
        })

    })

//错误捕获

let ajax=function(num){
        console.log("执行乐乐乐");
        return new Promise(function(resolve,reject){
            if(num>5){
                resolve()
            }else{
                throw Error("出错了");
            }
        })
    }
    ajax(6).then(function(){
        console.log("执行第二步");
    }).catch(function(err){
        console.log("catch",err);
    })
    ajax(1).then(function(){
        console.log("执行第二步");
    }).catch(function(err){
        console.log("catch",err);
    })

以上是关于es6之promise的主要内容，如果未能解决你的问题，请参考以下文章

ES6之Promise用法详解

es6之Promise-封装自己的Promise