Promise

https://zhuanlan.zhihu.com/p/24684803

(一)理解promises

举个简单例子:

想象你是一个孩子。你老妈承诺下礼拜 给你买个新手机。你 [不知道] 你是否会得到手机直到下礼拜。你老妈可以真的买你一个全新的手机,也可以让你滚蛋并告诉你不买了(如果她不高兴了)。

这是一个承诺。一个承诺有3个状态。分别是:

1.悬而未决:你 [不知道] 你是否会得到手机直到下礼拜。 pending

2.解决:你老妈可以真的买你一个全新的手机。fulfilled

3.拒绝:你老妈拒绝给你买,因为你惹她不高兴。rejected

(二)创建一个promise

v2-bddd640f82f57be2996015b83b80c232_r.jpg
  1. “isMomHappy”是个布尔值,定义老妈是否开心。
  2. “willIGetNewPhone”是一个promise,这个承诺可以解决(给你买),也可以拒绝(老妈不开心就不给你买)。.
  3. 还有一个标准语法去定义一个新的promise,参考MDN documentation,看下面代码:
v2-bddd640f82f57be2996015b83b80c232_r.jpg

需要记住的是,在你定义的promise里,当结果是成功的,叫 解决(你的成功值),如果结果失败了,叫 拒绝(你的失败值)。
在我们的例子中,如果老妈高兴,我们会得到一个电话。因此,我们称 resolvefunction(电话变量)。如果老妈不高兴,我们称为 拒绝函数(拒绝的理由);

(三)玩转promises

现在有了promise,咱们就开始玩一玩。


v2-bddd640f82f57be2996015b83b80c232_r.jpg

我们有一个函数“askmom”。在这个函数中,我们将使用我们的承诺“ willigetnewphone”。
当我们的promise是解决或者拒绝的时候,我们要做点事儿,我们用“.then & .catch ”来处理我们的行动;
在“.then”里面有函数“ function(fulfilled) { ... } ”。这个函数的返回值是啥呢?返回值是promise解决的值(你的成功时候的值);在我们的案例中它是一部新电话 。
在 ".catch"里面有函数"function(error){ ... } "。猜测一下,其实这个返回的是错误值,就是promise拒绝的值。

(四)链接promises

Promises都是可链的。

这样说吧,你,咱例子中的孩子,承诺给你的朋友说:如果你老妈给你买了新手机,就让你的朋友过过眼瘾,你要显摆显摆!

这又是另外一个promise了,写成代码看下!


v2-bddd640f82f57be2996015b83b80c232_r.jpg

注意:
在这个例子中,你可能会意识到我们不叫 拒绝。因为它是可选的。
我们可以缩短这个案例,看代码:


v2-bddd640f82f57be2996015b83b80c232_r.jpg

咱们现在链接promise。你,这个孩子只能在得到手机后才能显摆手机。


v2-bddd640f82f57be2996015b83b80c232_r.jpg

(五)promises都是异步的

Promises都是异步的,咱们在这个promise开始和结束前写一段信息。


v2-bddd640f82f57be2996015b83b80c232_r.jpg
v2-bddd640f82f57be2996015b83b80c232_r.jpg

你,孩子,不会说不去玩了就干等你老妈的承诺(新手机),对吧。这就是 异步调用,代码将无阻塞运行或等待结果。任何需要等promise的行为放在".then"里面。

ES6 - 现代浏览器


v2-bddd640f82f57be2996015b83b80c232_r.jpg

ES7 - 异步等待使语法看起来更漂亮!

ES7介绍 异步 和 等待 语法。它使异步语法看起来更漂亮、更容易理解,没有 ".then" 和".catch"。


v2-bddd640f82f57be2996015b83b80c232_r.jpg

当你需要在一个函数里面返回一个promise,你在异步 调用这个函数。例如 案例中的异步函数"function showOff(phone)"。
当你需要一个promise,你就在等待着 。例如 "let phone = await willIGetNewPhone;" & " let message = await showOff(phone)"。
使用 " try { ... } catch(error) { ... } " 捕捉promise错误/拒绝 。

新家伙:Observables观测值

在promise已经让你很幸福的时候,Observables这货来锦上添花,让处理异步数据量更容易。
Observables是懒惰的事件流,可以发出零个或多个事件,而且可能完成也可能不完成。
promise和observable的关键区别是:

Observables观测值是可以取消的
Observable是懒惰的

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

推荐阅读更多精彩内容

  • 00、前言Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区...
    夜幕小草阅读 2,127评论 0 12
  • 英文:Nolan Lawson 译文:伯乐在线专栏作者 - abell123如有好文章投稿,请点击 → 这里了解...
    北方蜘蛛阅读 6,242评论 1 10
  • Promise 对象 Promise 的含义 Promise 是异步编程的一种解决方案,比传统的解决方案——回调函...
    neromous阅读 8,698评论 1 56
  • 97年,香港回归,普天同庆。 20岁,无奈迷茫,忧心忡忡。 长辈们都说,想你这年纪就顾好学业就是,不要想那么多。这...
    月三岁阅读 216评论 0 0
  • 小女子不才,不能对这么好的故事做点评,可是看完书的24小时内它不断的闪现在我的脑子里,如一杯好酒,酒已下肚,齿间犹...
    取个不重复的昵称好难阅读 413评论 1 0