Promise 基础篇

本篇分为Promise的概念及使用,还有Promise所遇到的问题

1.概念

1. 什么是回调地狱?

回调函数嵌套调用,外部回调函数异步执行的结果是嵌套的回调执行的条件。

2. 回调地狱的缺点?

  1. 不便于阅读
  2. 不便于异常处理

3. 解决方案?

使用promise

4. promise的优点

<span style="color:red">1. 可以解决回调地狱问题,支持链式调用
2.指定回调的方式更为灵活</span>

2.使用

new Promise((resolve,reject)=>{
    resolve(a) // 成功后调用
    reject(b)  //失败后调用
}).then(
    (a)=>{//成功后的结果}
    (b)=>{//失败后的结果}
)

3.Promise的状态

实例对象的属性:【PromiseState】

  1. pending 未决定的
  2. resolved / fullfilled 成功
  3. rejected 失败

状态改变只有两个:

  1. pending ---> resolved 未决定到成功
  2. pending ---> rejected 未决定到失败

TOP: 只有这两种转换状态,且一个promise对象只能改变一次,无论变为成功还是失败,都会有一个结果数据,成功的结果数据一般称为value,失败的结果数据一般成为reason

实例对象另一个属性:【PromiseResult】

  • 里面存储的是异步任务成功或失败的结果,两个结果resolve和reject

4. promise API

  1. promise 构造函数

    Promise((resolve,reject)=>{
        resolve()
        reject()
    })
    // Promise构造函数有一个参数,是一个函数
    // 这个函数中有两个参数,第一个参数标识成功的回调,第二个参数标识失败的回调
    
  2. .then 方法

    .then((value)=>{},(reason)=>)
    // then方法有两个参数,都是函数
    // 第一个参数代表 成功获取的值
    // 第二个参数代表 失败获取的值
          // 返回promise对象
    
  3. .catch 方法

    .catch(reason=>{})
    // .catch方法有一个参数,是一个函数,代表的是失败的值
    
  4. Promise.resolve() 方法

    // 返回一个成功/失败的promise对象
    Promise.resolve(值)
    // 如果传入的参数为非Promise类型的对象,则返回的结果为成功的promise对象
    // 如果传入的参数为Promise对象,则参数的结果决定了resolve的结果
    
  5. Promise.reject() 方法

    // 返回一个失败的promise对象
    Promise.reject(值) // 始终返回一个失败的结果
    
  6. Promise.all() 方法

    Promise.all([p1,p2,p3...])
    // 参数里包含多个Promise的数组,返回一个新的promise,只有所有promise都成功才会成功,只要有一个失败那么就直接失败
    
  7. Promise.race() 方法

    Promise.race([p1,p2,p3...])
    // 参数包含多个Promise的数组,返回一个新的promise,第一个完成的promise的结果状态就是最终结果的状态
    

5. Promise 对象状态改变的方式

  1. resolve 函数

    resolve('ok') pending => fulfilled(resolved)

  2. reject 函数

    reject("error") pending => rejected

  3. 抛出错误

    throw '出问题了' pending => rejected

6. 一个promise 指定多个成功/失败回调函数,都会调用吗?(一个promise多次使用then)

当promise改变为对应状态时都会调用,但是当状态是pending时候,则不会调用

7. 改变promise状态和指定回调函数(then)谁先谁后?

  1. 都有可能,正常情况下是先指定回调再改变状态,但是也可以先改变状态再指定回调
  2. 当执行器中直接调用resolve()/reject(),也就说执行器内部执行的是同步任务,那么这个时候就说先改变状态,后执行指定回调函数,或者是让指定回调函数延迟更长的时间
  3. 什么时候才能得到数据?
    1. 如果先指定的回调,那当状态发生改变时,回调函数就会调用,得到数据
    2. 如果先改变的是状态,那当指定回调时,回调函数就会调用,得到数据

8. promise.then() 返回的新promise的结果状态由什么决定?

  1. 简单表达:由then()指定的回调函数执行结果决定
  2. 详细表达:
    1. 如果抛出异常,新promise变为rejected,reason为抛出的异常
    2. 如果返回的是非promise的任意值,新promise变为resolved,value为返回的值
    3. 如果返回的是另一个新promise,此promise的结果就会成为新promise的结果

9.promise如何串联多个操作任务?

  1. promise的then()会返回一个新的promise,可以继续then()进行链式调用
  2. 通过then的链式调用串联多个同步/异步任务

10.promise异常穿透

  1. 当使用promise的then链式调用时,可以在最后指定失败的catch回调
  2. 前面任何操作除了异常,都会传送到最后失败的回调中处理

11.中断promise链?

  1. 当使用promise的then链式调用时,在中间中断,不再调用后面的回调函数

  2. 办法:在回调函数中返回一个pendding状态的promise对象

    p.then(value=>{
        //  成功操作...
        return new Promise(()=>{}) // 返回一个pendding状态的promise就可以中断
    })
    
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,546评论 6 507
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,224评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,911评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,737评论 1 294
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,753评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,598评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,338评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,249评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,696评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,888评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,013评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,731评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,348评论 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,929评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,048评论 1 270
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,203评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,960评论 2 355

推荐阅读更多精彩内容

  • 1.什么是Promise,解决哪些问题(基于回调) 1.回调地狱 (代码不好维护,错误处理不好统一处理)2.多个请...
    停停停停阅读 337评论 0 0
  • 一、什么是Promise 1、Promise的结构: class Promise { constructor(e...
    艾萨克菊花阅读 684评论 0 0
  • > 简述: ## 什么是Promise? -Promise是用来处理异步的; -Promise就是承诺,对未来的承...
    风雪中的兔子阅读 386评论 0 0
  • 关于Promise的基本内容,已经写过一篇文章。基本的会用,偶尔也用过,不过知识点比较多,并且代码在外面套了好几层...
    勇往直前888阅读 1,115评论 0 4
  • Promise的含义 Promise是异步编程的一种解决方案,ES6将其写进了语言标准。所谓的Promise就是一...
    橙色流年阅读 433评论 0 1