promise

最新推荐文章于 2024-09-25 14:00:00 发布

cZzzz666

最新推荐文章于 2024-09-25 14:00:00 发布

阅读量319

点赞数

文章标签： javascript vue.js elementui

本文链接：https://blog.csdn.net/cZzzz666/article/details/122306474

版权

本文深入探讨了Promise在JavaScript中如何解决异步编程问题，通过实例展示了Promise的链式操作、all和race方法的使用。并提供了一个使用Promise封装axios库的示例，帮助理解Promise在实际网络请求中的应用。

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

promise 解决异步编程是链式操作
可以用new promise 实例化
里面有两个函数的参数 (reslove,reject)
promise有三个状态
pengding 初始状 reslove fulfilled 成功 reject rejected失败

举例

        // let p1 =new Promise((resolve,reject)=> {
        //   setTimeout(()=> {
        //     reject(1)
        //   },100)
        // })
        // let p2 =new Promise((resolve,reject)=> {
        //   setTimeout(()=> {
        //     resolve(2)
        //   },1000)

        // })
        // let p3 =new Promise((resolve,reject)=> {
        //   setTimeout(()=> {
        //     resolve(3)
        //   },1400)
        // })

Promise.all 等待promise全部执行成功

 // Promise.all([p1,p2,p3]).then(res=> {
        //     debugger
        // })

Promise.race 哪个先结束就执行谁不管是成功还是失败

 // Promise.race([p1,p2,p3]).then(res=> {
        //     debugger
        // }).catch(err=> {
        //     debugger
        // })

用promise封装axios

  function axios() {
             return new Promise((resolve, reject) => {
                var xml = new XMLHttpRequest()
                xml.open('get', '请求的接口')
                xml.send()
                 xml.onreadystatechange = function () {
                     if (xml.readyState == 4 && xml.status == 200) {

                         resolve(xml.response)
                     }
                 }
             })
         }
         let a = axios()
         a.then(res => {
             debugger
          })