【JavaScript】Promise
创始人
2024-05-01 14:13:23
0

文章目录

    • 一. Promise
    • 二. try/catch/finally
    • 三. async/await

一. Promise

  • promise 是一个 ES6 的语法

  • 承诺的意思,是一个专门用来解决异步 回调地狱 的问题

  • 语法:

    new Promise(function (resolve, reject) {// resolve 表示成功的回调// reject 表示失败的回调
    }).then(function (res) {// 成功的函数
    }).catch(function (err) {// 失败的函数
    })
    
  • promise 就是一个语法

    • Promise 代表一个异步操作,有三种状态:pending进行中、fulfilled(resolve)成功、rejected失败。
    • 对象的状态不受外界影响,一旦状态设定,就不会再变。
    • Promise对象的状态改变有两种可能:从pending变为fulfilled和从pending变为rejected。
  • promise原型下面三个常用的方法:

    • Promise.prototype.then

      • Promise.prototype.catch
      • Promise.prototype.finally
    • promise对象下面的静态方法:

    • Promise.all

      用于将多个 Promise 实例,包装成一个新的 Promise 实例,接受一个数组作为参数,只有数组里面的每个状态都变成resolve,则新的 Promise 实例状态才会变成resolve.

    • Promise.race

      方法同样是将多个 Promise 实例,包装成一个新的 Promise 实例,接受一个数组作为参数,只要其中有一个实例率先改变状态,则整个的状态就跟着改变。

    • Promise.resolve

    有时需要将现有对象转为 Promise 对象,该方法就起到这个作用。

     - Promise.reject
    
    方法也会返回一个新的 Promise 实例,该实例的状态为rejected。
    promise 来解决多个 ajax 发送的问题
    new Promise(function (resolve, reject) {
    ajax({url: '第一个请求',success (res) {resolve(res)
    }
    })
    }).then(function (res) {
    // 准备发送第二个请求
    return new Promise(function (resolve, reject) {
    ajax({url: '第二个请求',data: { a: res.a, b: res.b },success (res) {resolve(res)}})
    })
    }).then(function (res) {
    ajax({url: '第三个请求',data: { a: res.a, b: res.b },success (res) {console.log(res)}
    })
    })
    

二. try/catch/finally

  • try/catch/finally 语句用于处理代码中可能出现的错误信息。
  • 如果try里面的代码有错误,那么就执行catch里面的代码,同时catch的参数会返回try里面的错误信息。
  • finally 语句在 try 和 catch 之后无论有无异常都会执行。
  • 注意:
    • catch 和 finally 语句都是可选的,但你在使用 try 语句时必须至少使用一个。
    • try、catch、finally三段代码中都含有return时,则以finally中的retrun为准,其它return均无效;但是其它return之前的代码有效。
    • try和catch中含有return,但是finally中不含return;则代码会在执行try/catch中return之前去执行finally中的代码块,然后再执行try中的return操作

三. async/await

  • async/await 是一个 es7 的语法

  • async 其实就是promise的语法糖。函数前面必须加一个async,异步操作的方法前加一个await 关键字。顾名思义,就是让你等一下,执行完了再继续往下走。注意:await 只能在async函数中执行,否则会报错。

  • async:异步的意思,作用是申明一个异步函数,函数的返回值是promise 对象

  • await:等待

    await是 async+wait 的结合 即异步等待,async和await 二者必须是结合着使用

    await就是promise里面then的语法糖。

    await直接拿到promise的返回值。

    async和await在一个函数中存在。

    匿名函数也可以使用async和await.

  • 这个语法是 回调地狱的终极解决方案

  • 语法:

    async function fn() {const res = await promise对象
    }
    
  • 这个是一个特殊的函数方式

  • 可以 await 一个 promise 对象

  • 可以把异步代码写的看起来像同步代码

  • 只要是一个 promiser 对象,那么我们就可以使用 async/await 来书写

    async function fn() {const res = new Promise(function (resolve, reject) {ajax({url: '第一个地址',success (res) {resolve(res)}})})// res 就可以得到请求的结果const res2 = new Promise(function (resolve, reject) {ajax({url: '第二个地址',data: { a: res.a, b: res.b },success (res) {resolve(res)}})})const res3 = new Promise(function (resolve, reject) {ajax({url: '第三个地址',data: { a: res2.a, b: res2.b },success (res) {resolve(res)}})})// res3 就是我们要的结果console.log(res3)
    }
    
    • 这样的异步代码写的就看起来像一个同步代码了

相关内容

热门资讯

安卓双系统添加应用,轻松实现多... 你有没有想过,你的安卓手机里可以同时运行两个系统呢?听起来是不是很酷?想象一边是熟悉的安卓系统,一边...
pipo安卓进系统慢,探究pi... 最近是不是发现你的Pipo安卓系统更新或者运行起来特别慢?别急,今天就来给你好好分析分析这个问题,让...
怎样使用安卓手机系统,安卓手机... 你有没有发现,安卓手机已经成为我们生活中不可或缺的一部分呢?从早晨闹钟响起,到晚上睡前刷剧,安卓手机...
双系统安卓安装caj,轻松实现... 你有没有想过,你的安卓手机里装上双系统,是不是就能同时享受安卓和Windows系统的乐趣呢?没错,这...
安卓使用ios系统教程,安卓用... 你是不是也和我一样,对安卓手机上的iOS系统充满了好奇?想要体验一下苹果的优雅和流畅?别急,今天我就...
安卓系统gps快速定位,畅享便... 你有没有遇到过这样的情况:手机里装了各种地图导航软件,但每次出门前都要等上好几分钟才能定位成功,急得...
安卓手机系统更新原理,原理与流... 你有没有发现,你的安卓手机最近是不是总在提醒你更新系统呢?别急,别急,让我来给你揭秘一下安卓手机系统...
安卓系统通知管理,全面解析与优... 你有没有发现,手机里的通知就像是一群调皮的小精灵,时不时地跳出来和你互动?没错,说的就是安卓系统的通...
安卓系统手机哪买,揭秘哪里购买... 你有没有想过,拥有一部安卓系统手机是多么酷的事情呢?想象你可以自由安装各种应用,不受限制地探索各种功...
安卓系统 ipv4,基于安卓系... 你知道吗?在智能手机的世界里,有一个系统可是无人不知、无人不晓,那就是安卓系统。而在这个庞大的安卓家...
目前安卓是什么系统,探索安卓系... 亲爱的读者,你是否曾好奇过,如今安卓系统究竟是什么模样?在这个科技飞速发展的时代,操作系统如同人体的...
安卓6.0系统比5.0,从5.... 你有没有发现,自从手机更新了安卓6.0系统,感觉整个人都清爽了不少呢?没错,今天咱们就来聊聊这个话题...
安卓2.36系统升级,功能革新... 你知道吗?最近安卓系统又来了一次大变身,那就是安卓2.36系统升级!这可不是一个小打小闹的更新,而是...
安卓系统源码怎么打开,并可能需... 你有没有想过,安卓系统的源码就像是一扇神秘的门,隐藏着无数的技术秘密?想要打开这扇门,你得掌握一些小...
安卓8.0系统体验视频,智能革... 你有没有听说安卓8.0系统最近可是火得一塌糊涂啊!作为一个紧跟科技潮流的数码达人,我当然要来给你好好...
宣传系统漫画app安卓,探索安... 亲爱的读者们,你是否曾在某个午后,百无聊赖地打开手机,想要寻找一些轻松愉悦的读物?今天,我要给你介绍...
鸿蒙替换安卓系统吗,开启智能生... 你知道吗?最近科技圈里可是炸开了锅,因为华为的新操作系统鸿蒙系统,据说要大举进军手机市场,替换掉安卓...
手机安卓系统深度清理,解锁手机... 手机里的东西是不是越来越多,感觉就像一个装满了杂物的储物柜?别急,今天就来教你一招——手机安卓系统深...
安卓上的windows系统,融... 你有没有想过,在安卓手机上也能体验到Windows系统的魅力呢?没错,这就是今天我要跟你分享的神奇故...
安卓系统焦点变化事件,Andr... 你知道吗?在安卓系统的世界里,最近发生了一件超级有趣的事情——焦点变化事件。这可不是什么小打小闹,它...