Javascript: Promise 学习笔记(1)

  1. 什么是 Promise
  2. Promise 解决了什么问题?
  3. 语法

一、什么是 Promise

A Promise represents a proxy for a value not necessarily known when the promise is created. It allows you to associate handlers to an asynchronous action's eventual success value or failure reason. This lets asynchronous methods return values like synchronous methods: instead of the final value, the asynchronous method returns a promise of having a value at some point in the future

通俗点说就是,Promise 相当于一个代理(proxy),用于处理 Promise 对象 的返回值,但这个值在 Promise 创建时不是必须知道的,可以用于异步(asynchronous)操作的返回值,在以后需要返回的时候用一个 Promise 封装好这个返回值

二、Promise 解决了什么问题 ?

首先来看个例子(例1)

// 路由处理
var route_1 = router.get('/example1', function(data) {
  process_1(data);
});
var route_2 = router.get('/example2', function(data) {
  process_2(data);
});
var route_3 = router.get('/example3', function(data) {
  process_3(data);
});

例1 这段代码我们并不关心回调函数的执行顺序,所以代码写起来还是很清晰的

如果关心呢?那代码将会写成如下这样(例2)

var route_1 = router.get('example1', function(data) {
  process_1(data);
  router_2 = router.get('example2', function(data) {
    process_2(data);
    router_3 = router.get('example3', function(data) {
      process_3(data);
    });
  });
});

例2 这段代码是强调先后顺序的,如果回调只有几层还好,一旦多起来,谁都不愿意看

粘张图感受一下回调的 **`威力`**

看完 例1例2,我想大家大概知道为什么要有 Promise 的存在了

如果用 Promise 来实现 例2,代码将如下(例3)

// 路由处理
var route_1 = function(resolve, reject) {
  router.get('example1', resolve(data));
};

var route_2 = function(resolve, reject) {
  router.get('example2', resolve(data));
};

var route_3 = function(resolve, reject) {
  router.get('example3', resolve(data));
};

// 相比于例2,这里没有了层层嵌套,流程看起来也比较清晰
new Promise(route_1)
  .then(function(data) {
    process_1(data);
    return new Promise(route_2);
  })
  .then(function(data) {
    process_2(data);
    return new Promise(route_3)
  }).then(function(data) {
    process_3(data);
  });

因此,我认为 Promise 存在的主要原因是为了应对回调嵌套太深,但应该不仅局限于此

三、语法

var promise = new Pormise(function(resolve, reject) {
  // ......
});

通过 new 关键字实例化一个 Promise 对象,该对象接受一个函数参数,接受两个参数,第一个参数用于处理执行成功时的情景,第二个参数用于处理执行失败的情景

Promise 对象的状态有三种

  1. pending:处理中
  2. fulfilled:处理成功
  3. rejected:处理失败

Promise 对象原型包含两个方法,then(onFulfilled, onRejected)catch(onRejected)

其中,then() 接受两个参数,第一个参数是在当前 Promise resolve 时进行回调的方法,第二个参数是 reject 时进行回调的方法;catch() 相当于 then(undefined, onRejected) 的语法糖。调用 thencatch 之后都会反回一个 Promise 对象,利用这个特性,可以轻松地实现链式(chain)调用

需要注意的一点事,回调方法 onFulfilledonRejected 的返回值既可以是一个 Promise 对象,亦可以是其他值,比如

new Promise(step1)
  .then(function(data) {
    // ...
    return new Promise(step2);
  }).then(function(data) {
    //.. 
    return 1;
  }).then(function(data) {
    console.log(data);// 这里将输出: 1
  });

关于 then 的实现,可以参考 这里

Promise 实例包含四个方法,分别是 all()race()reject()resolve()
将在下一篇文章进行说明

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

推荐阅读更多精彩内容