js之promise

最新推荐文章于 2024-09-19 10:51:44 发布

Abner_木木

最新推荐文章于 2024-09-19 10:51:44 发布

阅读量75

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_43401689/article/details/117399141

版权

javascript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

本文深入探讨了JavaScript中的Promise，通过手写Promise实现，解释了其工作原理和规范。同时，展示了Promise.prototype.then和Promise.all/race的用法，以及它们在不同情况下的执行顺序和结果。通过实例解析，帮助读者更好地理解和应用Promise。

摘要由CSDN通过智能技术生成

1promise
手撕还是有点困难
先掌握它的方法，
在记得它的规范，
从规范出发手xPromise

1 then promise

const promise2 = new Promise((resolve, reject) => {
    setTimeout(()=>{
      console.log(1)
      resolve(3)
      console.log(2)
    })

  })
  promise2.then((res) => {
    console.log(res)

  }).then(res=>{
    console.log(res);})
  console.log(4)
    //4 123 undefined

const promise2 = new Promise((resolve, reject) => {
    console.log(1)
      resolve(3)
      console.log(2)
  })
  promise2.then((res) => {
    console.log(res)

  }).then(res=>{
    console.log(res);})
  console.log(4)
    //12  4 3 undefined

2promise all race

 Promise.all([p1, p2]).then((result) => {
      console.log(result)
    }).catch((error) => {
      console.log(error)
    })
    //['success0', 'success1']

    Promise.all([p1,p3,p2]).then((result) => {
      console.log(result)
    }).catch((error) => {
      console.log(error)
    })//'fail'

    Promise.race([p1,p3,p2]).then((result) => {
      console.log(result)
    }).catch((error) => {
      console.log(error)
    })//success0


    //顺序
    //  ['success0', 'success1']
    // success0
    //fail