美文网首页
promise浅析

promise浅析

作者: 怎么昵称 | 来源:发表于2021-01-26 18:14 被阅读0次
  1. 创建promise
var promise = new Promise((resolve, reject)=>{
    // ... some code
    
    if (/* 异步操作成功 */) {
        resolve(value);
    } else {
        reject(error);
    }
})
  1. Promise.prototype.then方法的使用
    Promise实例生成后,可用then方法分别指定两种状态回调参数。then 方法可以接受两个回调函数作为参数:
    Promise对象状态改为Resolved时调用 (必选)
    Promise对象状态改为Rejected时调用 (可选)
  2. Promise.all方法的使用
    Promise.all可以将多个Promise实例包装成一个新的Promise实例。
    同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。
let p1 = new Promise((resolve, reject) => {
  resolve('成功了')
})

let p2 = new Promise((resolve, reject) => {
  resolve('success')
})

let p3 = Promise.reject('失败')

Promise.all([p1, p2]).then((result) => {
  console.log(result)               //['成功了', 'success']
}).catch((error) => {
  console.log(error)
})

Promise.all([p1,p3,p2]).then((result) => {
  console.log(result)
}).catch((error) => {
  console.log(error)      // 失败了,打出 '失败'
})

4.Promise.race方法的使用 顾名思义,Promse.race就是赛跑的意思,意思就是说,Promise.race([p1, p2, p3]) 里面哪个结果获得的快,就返回那个结果,不管结果本身是成功状态还是失败状态。

let p1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('success')
  },1000)
})

let p2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    reject('failed')
  }, 500)
})

Promise.race([p1, p2]).then((result) => {
  console.log(result)
}).catch((error) => {
  console.log(error)  // 打开的是 'failed'
})

相关文章

  • Promise浅析

    这是我自己最近学习promise的总结在ES6中Promise被列为正式规范,也是ES6中最重要的特性之一。 1....

  • promise浅析

    创建promise Promise.prototype.then方法的使用Promise实例生成后,可用then方...

  • 浅析Promise用法

    如需转载请注明来源 关键词:Promise,resolve,reject,Prepending,Resolve,R...

  • 浅析Promise用法

    转载自作者:枸杞辣条链接:https://www.jianshu.com/p/78c10239f852 Promi...

  • 浅析setTimeout与Promise

    我们先看一到常见的前端面试题: 上例代码执行输出顺序如何?这道题也是本文创作的源泉,其答案是: 异步任务 任务队列...

  • Promise原理及实现

    Promise标准 Promise 规范有很多,如Promise/A,Promise/B,Promise/D 以及...

  • promise相关

    promise promise.race promise.finally promise.catch

  • SRWebSocket源码浅析(上)

    SRWebSocket源码浅析(上) SRWebSocket源码浅析(上)

  • SRWebSocket源码浅析(下)

    SRWebSocket源码浅析(下) SRWebSocket源码浅析(下)

  • 2021-12-27Promise自身方法

    Promise.all()Promise.allSettled()Promise.any()Promise.rac...

网友评论

      本文标题:promise浅析

      本文链接:https://www.haomeiwen.com/subject/yfwomctx.html