微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Promise

Promise

es6中引入的异步编程解决方案,语法上Promise是个构造函数

const p = new Promise((resolve,reject)=>{
  // resolve 解决(成功)
  // reject 拒绝(失败)
})

then

promise对象 都有then方法

resolve(参数) 触发then( )方法中的 第一个回调函数

reject(参数) 触发then( )方法中的 第二个回调函数

p.then(function(value){
  // value是resolve传递过来的参数
},function(reason){
  // reason是reject传递过来的参数
})

then返回值

p.then( ) 返回一个promise对象

const p = new Promise((resolve,reject)=>{
  // resolve 解决(成功)
  // reject 拒绝(失败)
})

const result = p.then()

/*
  result -> {
    PromiseState:状态       fulfilled(成功) rejected(失败)
    PromiseResult:结果
  }
*/

状态由回调函数 (value/reason) 执行结果决定:

1. 没有return return undefined
状态: fulfilled ----- 结果: undefined

2. return '123' (非promise类型数据)
状态: fulfilled ----- 结果: '123'

3. return new Promise( ) (promise类型数据)
如果promise对象 resolve(参数) --> 状态: fulfilled ----- 结果: 参数
如果promise对象 reject(参数) --> 状态: rejected ----- 结果: 参数

4. throw 抛 错
状态: rejected ----- 结果: 抛出内容


链式调用

由于then( )方法返回一个promise对象,而promise对象都有then( )方法,所以可以 链式调用

p.then(value=>{
  
},reason=>{
  
}).then(value=>{
  
},reason=>{
  
})

catch

p.catch(reason=>{
  // 只有一个回调函数
})

捕获失败的promise 也就是 状态为rejected的promise对象

p.then( )有两个回调函数 成功 和 失败
p.catch( )只有一个回调函数 失败

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐