码迷,mamicode.com
首页 > 其他好文 > 详细

ES6----Promise基本用法

时间:2020-04-21 13:09:07      阅读:58      评论:0      收藏:0      [点我收藏+]

标签:方案   过程   小程序   settime   span   code   函数   开发   data   

在进行微信小程序开发或者vue项目开发的过程中,经常会遇到ES6中Promise,那么这个该怎么用呢?

1、Promise是什么

Promise是异步编程的一种解决方案,在ES6中Promise被列为了正式规范,统一了用法,原生提供了Promise对象。

2、基础用法

// resolve代表成功 reject失败 都是一个函数
let p = new Promise(function(reslove,reject){
    //reslove(‘成功‘)  //状态由等待变为成功,传的参数作为then函数中成功函数的实参
    reject(‘失败‘)  //状态由等待变为失败,传的参数作为then函数中失败函数的实参
})

//then中有2个参数,第一个参数是状态变为成功后应该执行的回调函数,第二个参数是状态变为失败后应该执行的回调函数。
p.then((data)=>{
    console.log(‘成功‘+data)
},(err)=>{
    console.log(‘失败‘+err)
})

常见用法:

function read( content ) {
    return new Promise(function( reslove,reject ) {
        setTimeout(function(){
                if(content>4){
                    resolve(content)
                }else{
                    reject(‘小于4‘)
                }
        },1000)
    })
}

read(1).then(( data )=>{
    console.log(data)
},( err )=>{
    console.log(err) //小于4
    return read(2) //将状态改为了失败
})
.then(( data )=>{
    console.log(‘data‘,data)
},( err )=>{
    console.log(err) //小于4
})

参考:https://www.jianshu.com/p/3023a9372e5f

ES6----Promise基本用法

标签:方案   过程   小程序   settime   span   code   函数   开发   data   

原文地址:https://www.cnblogs.com/e0yu/p/12743551.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!