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

promise核心 为什么用promise

时间:2020-01-21 00:54:26      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:ror   第一个   函数   任务   OLE   catch   函数依赖   div   UNC   

为什么要用promise

1.使用纯回调函数

先指定回调函数,再启动异步任务

答 1.指定回调函数的方式更加灵活

可以在执行任务前,中,后

2.支持链式调用,解决回调地狱问题

什么是回调地狱:回调函数嵌套使用,下一层回调函数依赖上一层回调函数的结果

解决方案。promise链式

终极解决方案 async/await

async function request() {
  try {
    const result = await dosongthing()
    const newResult = await doThirdThing(result)
    const finalResult = await doThirdThing2(newResult)
  } catch (error) {
    failureCallback(error)
  }
}

如何使用promise?搞清楚语法(API:前后接口)

定一个函数,就是定义一个api。因为就是一个语法

 

1.Promise构造函数:Promise(excutor){}

excutor函数: 同步执行 (resolve, reject) => {}

resolve函数: 内部定义成功时候我们调用的函数 value => {}

reject函数: 内部定义失败时候我们调用的函数 reason => {}

说明: excutor会在Promise呢句立即同步调用,异步操作在执行器中执行

 

2.Promise.prototype.then方法 (onResolved,onRejected)=> {}

onResolved函数:成功时候回调的函数 (value)=> {}

onRejected函数:失败时候回调的函数 (reason)=> {}

返回一个新的promise对象 // 链式调用的一个前提

//内部函数异步执行

 

 

3.Promise.prototype.catch方法 (onRejected)=> {}

onRejected函数:失败时候回调的函数 (reason)=> {}

相当于then(null,onRejected)=> {}

new Promise((a, b) => {
  setTimeout(() => {
    // a(‘ok‘)
    b(‘fail‘)
  }, 0)
}).then(
  value => {
    console.log(‘onResolved1‘, value)
  }
).catch(
  reason => {
    console.log(‘onReject‘, reason)
  }
)

 

4.Promise.all方法 (promise)=> {}

promise: 包含n个promise的数组

//返回一个promise对象

三个请求都成功才有显示 成功

5.Promise.race方法 (promise)=> {}

promise: 包含n个promise的数组

只看第一个先执行完

promise核心 为什么用promise

标签:ror   第一个   函数   任务   OLE   catch   函数依赖   div   UNC   

原文地址:https://www.cnblogs.com/-constructor/p/12219802.html

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