promise对象(“承诺”)

零、异步编程:

  • Javascript语言的执行环境是"单线程"
    好处是实现起来简单,执行环境相对单纯;
    但只要有一个拖着,后面的都必须排队等着,拖延整个程序的执行。出现“假死”现象。
  • Javascript语言将任务的执行模式分成两种:
    同步(Synchronous)和异步(Asynchronous)。
  • 异步模式:每一个任务有一个或多个回调函数(callback),前一个任务结束后,不是执行后一个任务,而是执行回调函数,后一个任务则是不等前一个任务结束就执行。
    方法:
    • 回调函数
    • 事件监听
    • 发布/订阅
    • Promises对象

此文主要谈谈promise

一、promise对象

1.三种状态:
  • pending(进行中)
  • fulfilled(已成功)
  • rejected(已失败)
    一旦状态改变就不会再变!即称为resolved(已定型)(既然是承诺嘛怎么会轻易改变对吧>~<)
  • pending->fulfilled
  • pending->rejected
2.用法

(1)构造promise实例(函数作为参数,函数的参数有resolve和reject(要么成功要么失败难道还有第三个选项吗略略略))

const promise = new Promise(function(resolve, reject) {
  // ... some code

  if (/* 异步操作成功 */){
    resolve(value);
  } else {
    reject(error);
  }
});

(2)用then方法分别指定resolved状态和rejected状态的回调函数。(失败不是必要的,成功才是必须滴)

promise.then(function(value) {
  // success
}, function(error) {
  // failure
});
3.promise.prototype.then()

(1)Promise 实例具有then方法,也就是说,then方法是定义在原型对象Promise.prototype上的。(关于原型的东西可以去看看高程函数的章节,很清晰)
(2)then方法返回的是一个新的Promise实例(注意,不是原来那个Promise实例)。因此可以采用链式写法,即then方法后面再调用另一个then方法。第一个回调函数完成以后,会将返回结果作为参数,传入第二个回调函数。

getJSON("/posts.json").then(function(json) {
  return json.post;
}).then(function(post) {
  // ...
});

(3)前一个回调函数,有可能返回的还是一个Promise对象(即有异步操作),这时后一个回调函数,就会等待该Promise对象的状态发生变化,才会被调用。

4.promise.prototype.catch()

(1)是.then(null, rejection)的别名,用于指定发生错误时的回调函数。

getJSON('/posts.json').then(function(posts) {
  // ...
}).catch(function(error) {
  // 处理 getJSON 和 前一个回调函数运行时发生的错误
  console.log('发生错误!', error);
});

(2)then方法指定的回调函数,如果运行中抛出错误,也会被catch方法捕获。
(3)Promise 对象的错误具有“冒泡”性质,会一直向后传递,直到被捕获为止。错误总是会被下一个catch语句捕获。

getJSON('/post/1.json').then(function(post) {
  return getJSON(post.commentURL);
}).then(function(comments) {
  // some code
}).catch(function(error) {
  // 处理前面三个Promise产生的错误
});

(4)如果没有使用catch方法指定错误处理的回调函数,Promise 对象抛出的错误不会传递到外层代码
(所以要用 catch啊!)catch方法返回的还是一个 Promise 对象,因此后面还可以接着调用then方法。

5.Promise.all与Promise.race

将多个 Promise 实例,包装成一个新的 Promise 实例。

const p = Promise.all([p1, p2, p3]);

all就像一个团队合作,,只要有一个人失败了那么整个项目就是失败,必须所有人都成功了才是最终的胜利!

const p = Promise.race([p1, p2, p3]);

race只要有一个率先改变状态,整体的状态就跟着改变。那个率先改变的返回值,就传递给p的回调函数。

6.Promise.resolve

将现有对象转为Promise对象
(1)参数是一个Promise实例,将不做任何修改、原封不动地返回这个实例。(我就是承诺本身,不需要任何改变)

(2)参数是一个thenable对象,指的是具有then方法的对象

let thenable = {
  then: function(resolve, reject) {
    resolve(42);
  }
};

则先将这个对象转为Promise对象,然后就立即执行thenable对象的then方法。
(3)参数不是具有then方法的对象,或根本就不是对象,则返回一个新的Promise对象,状态为resolved。( 初来乍到给你点成功尝尝甜头先哈哈哈)
(4)不带有任何参数
Promise.resolve方法允许调用时不带参数,直接返回一个resolved状态的Promise对象。

7.Promise.reject(reason)

返回一个新的 Promise 实例,该实例的状态为rejected。

8.done

以then方法或catch方法结尾,要是最后一个方法抛出错误,都有可能无法捕捉到(因为Promise内部的错误不会冒泡到全局)。因此,提供一个done方法,总是处于回调链的尾端,保证抛出任何可能出现的错误。

asyncFunc()
  .then(f1)
  .catch(r1)
  .then(f2)
  .done();
9.finally

指定不管Promise对象最后状态如何,都会执行的操作。它与done方法的最大区别,它接受一个普通的回调函数作为参数,该函数不管怎样都必须执行。

server.listen(0)
  .then(function () {
    // run test
  })
  .finally(server.stop);
//服务器使用Promise处理请求,然后使用finally方法关掉服务器
10.promise.try()
const f = () => console.log('now');
Promise.try(f);
console.log('next');
// now
// next

让同步函数同步执行,异步函数异步执行,并且让它们具有统一的 API

事实上,Promise.try就是模拟try代码块,就像promise.catch模拟的是catch代码块

  • 其他的做法
    (1)async函数
const f = () => console.log('now');
(async () => f())();
console.log('next');
// now
// next
//注意:async () => f()会吃掉f()抛出的错误。
//如果想捕获错误,使用promise.catch。

(2)new Promise()

const f = () => console.log('now');
(
  () => new Promise(
    resolve => resolve(f())
  )
)();
console.log('next');
// now
// next

二、任何的东西都会有缺点:

无法取消,一旦建立就会立刻执行;
如果无回调函数,其内部抛出的错误不会反应到外部;
处于pending状态无法得知是进展到哪个阶段(刚开始?or快完成?this is a question.)

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

推荐阅读更多精彩内容

  • 00、前言Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区...
    夜幕小草阅读 2,133评论 0 12
  • Promise的含义:   Promise是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和...
    呼呼哥阅读 2,170评论 0 16
  • Promiese 简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果,语法上说,Pr...
    雨飞飞雨阅读 3,358评论 0 19
  • 有一个家庭,他们极度不相信自己的儿子会找到一个很好的女朋友。但意外的是他找了,家里也是不同意的。 于是他们就各种给...
    爱梦的我阅读 73评论 0 0
  • 课改、考改形式下的学校作为 浙师大教师教育学院 浙师大附属中学zjqztzb@126.com 15年高中老师 参与...
    李艳平阅读 282评论 0 0