理解JavaScript中Promise的使用
作者：杜万
字体：[ ] 类型：转载 时间：
这篇文章主要为大家介绍了JavaScript中Promise的使用，本文先介绍 Promises 相关规范，然后再通过解读一个迷你的 Promises 以加深理解，感兴趣的小伙伴们可以参考一下
Javascript 采用回调函数(callback)来处理异步编程。从同步编程到异步回调编程有一个适应的过程，但是如果出现多层回调嵌套，也就是我们常说的厄运的回调金字塔(Pyramid of Doom)，绝对是一种糟糕的编程体验。于是便有了 CommonJS 的 Promises/A 规范，用于解决回调金字塔问题。本文先介绍 Promises 相关规范，然后再通过解读一个迷你的 Promises 以加深理解。
什么是 Promise
一个 Promise 对象代表一个目前还不可用，但是在未来的某个时间点可以被解析的值。它允许你以一种同步的方式编写异步代码。例如，如果你想要使用 Promise API 异步调用一个远程的服务器，你需要创建一个代表数据将会在未来由 Web 服务返回的 Promise 对象。唯一的问题是目前数据还不可用。当请求完成并从服务器返回时数据将变为可用数据。在此期间，Promise 对象将扮演一个真实数据的代理角色。接下来，你可以在 Promise 对象上绑定一个回调函数，一旦真实数据变得可用这个回调函数将会被调用。
Promise 对象曾经以多种形式存在于许多语言中。
去除厄运的回调金字塔(Pyramid of Doom)
Javascript 中最常见的反模式做法是回调内部再嵌套回调。
// 回调金字塔
asyncOperation(function(data){
// 处理 `data`
anotherAsync(function(data2){
// 处理 `data2`
yetAnotherAsync(function(){
引入 Promises 之后的代码
promiseSomething()
.then(function(data){
// 处理 `data`
return anotherAsync();
.then(function(data2){
// 处理 `data2`
return yetAnotherAsync();
.then(function(){
Promises 将嵌套的 callback，改造成一系列的.then的连缀调用，去除了层层缩进的糟糕代码风格。Promises 不是一种解决具体问题的算法，而已一种更好的代码组织模式。接受新的组织模式同时，也逐渐以全新的视角来理解异步调用。
各个语言平台都有相应的 Promise 实现
Java's java.util.concurrent.Future
Python's Twisted deferreds and PEP-3148 futures
F#'s Async
.Net's Task
C++ 11's std::future
Dart's Future
Javascript's Promises/A/B/D/A+
下面我来相信了解一下 javascript 语言环境下各个规范的一些细节。
Promises/A 规范
promise 表示一个最终值，该值由一个操作完成时返回。
promise 有三种状态：**未完成** (unfulfilled)，**完成** (fulfilled) 和**失败** (failed)。
promise 的状态只能由**未完成**转换成完成，或者**未完成**转换成**失败** 。
promise 的状态转换只发生一次。
promise 有一个 then 方法，then 方法可以接受 3 个函数作为参数。前两个函数对应 promise 的两种状态 fulfilled 和 rejected 的回调函数。第三个函数用于处理进度信息（对进度回调的支持是可选的）。
promiseSomething().then(function(fulfilled){
//当promise状态变成fulfilled时，调用此函数
},function(rejected){
//当promise状态变成rejected时，调用此函数
},function(progress){
//当返回进度信息时，调用此函数
如果 promise 支持如下连个附加方法，称之为可交互的 promise
get(propertyName)
获得当前 promise 最终值上的一个属性，返回值是一个新的 promise。
call(functionName, arg1, arg2, ...)
调用当然 promise 最终值上的一个方法，返回值也是一个新的promise。
Promises/B 规范
在 Promises/A 的基础上，Promises/B 定义了一组 promise 模块需要实现的 API
when(value, callback, errback_opt)
如果 value 不是一个 promise ，那么下一事件循环callback会被调用，value 作为 callback 的传入值。如果 value 是一个 promise，promise 的状态已经完成或者变成完成时，那么下一事件循环 callback 会被调用，resolve 的值会被传入 callback；promise 的状态已经失败或者变成失败时，那么下一事件循环 errback 会被调用，reason 会作为失败的理由传入 errback。
asap(value, callback, errback_opt)
与 when 最大的区别，如果 value 不是一个 promise，会被立即执行，不会等到下一事件循环。
enqueue(task Function)
尽可能快地在接下来的事件循环调用 task 方法。
get(object, name)
返回一个获得对象属性的 promise。
post(object, name, args)
返回一个调用对象方法的 promise。
put(object, name, value)
返回一个修改对象属性的 promise。
del(object, name)
返回一个删除对象属性的 promise。
makePromise(descriptor Object, fallback Function)
返回一个 promise 对象，该对象必须是一个可调用的函数，也可能是可被实例化的构造函数。
第一个参数接受一个描述对象，该对象结构如下，
{ "when": function(errback){...}, "get": function(name){...}, "put": function(name, value){...}, "post": function(name, args){...}, "del": function(name){...}, }
上面每一个注册的 handle 都返回一个 resolved value或者 promise。
第二个参数接受一个 fallback(message,...args) 函数，当没有 promise 对象没有找到对应的 handle 时该函数会被触发，返回一个 resolved value 或者 promise。
返回一个对象，该对象包含一个 resolve(value) 方法和一个 promise 属性。
当 resolve(value) 方法被第一次调用时，promise 属性的状态变成 完成，所有之前或之后观察该 promise 的 promise 的状态都被转变成 完成。value 参数如果不是一个 promise ，会被包装成一个 promise 的 ref。resolve 方法会忽略之后的所有调用。
reject(reason String)
返回一个被标记为 失败 的 promise。
一个失败的 promise 上被调用 when(message) 方法时，会采用如下两种方法之一
1. 如果存在 errback，errback 会以 reason 作为参数被调用。when方法会将 errback 的返回值返回。
2. 如果不存在 errback，when 方法返回一个新的 reject 状态的promise 对象，以同一 reason 作为参数。
ref(value)
如果 value 是 promise 对象，返回 value 本身。否则，返回一个resolved 的 promise，携带如下 handle。
1. when(errback),忽略 errback，返回 resolved 值
2. get(name)，返回 resolved 值的对应属性。
3. put(name, value) ，设置 resolved 值的对应属性。
4. del(name)，删除 resolved 值的对应属性。
5. post(name, args), 调用 resolved 值的对应方法。
6. 其他所有的调用都返回一个 reject，并携带 "Promise does not handle NAME" 的理由。
isPromise(value) Boolean
判断一个对象是否是 promise
method(name String)
获得一个返回 name 对应方法的 promise。返回值是 "get", "put", "del" 和 "post" 对应的方法，但是会在下一事件循环返回。
Promises/D 规范
为了增加不同 promise 实现之间的可互操作性，Promises/D 规范对promise 对象和 Promises/B 规范做了进一步的约定。以达到鸭子类型的效果（Duck-type Promise）。
简单来说Promises/D 规范，做了两件事情，
1、如何判断一个对象是 Promise 类型。
2、对 Promises/B 规范进行细节补充。
甄别一个 Promise 对象
Promise 对象必须是实现 promiseSend 方法。
1. 在 promise 库上下文中，如果对象包含 promiseSend 方法就可以甄别为promise 对象
2. promiseSend 方法必须接受一个操作名称，作为第一个参数
3. 操作名称是一个可扩展的集合，下面是一些保留名称
1. when，此时第三个参数必须是 rejection 回调。
1. rejection回调必须接受一个 rejection 原因(可以是任何值)作为第一个参数
2. get，此时第三个参数为属性名（字符串类型）
3. put，此时第三个参数为属性名（字符串类型）,第四个参数为新属性值。
4. del，此时第三个参数为属性名
5. post，此时第三个参数为方法的属性名，接下来的变参为方法的调用参数
4. promiseSend方法的第二个参数为 resolver 方法
5. promiseSend方法可能接受变参
6. promiseSend方法必须返回undefined
对 Promises/B 规范的补充
Promises/D 规范中对 Promises/B 规范中定义的ref、reject、def、defer方法做了进一步细致的约束，此处略去这些细节。
Promises/A+ 规范
前面提到的 Promises/A/B/D 规范都是有CommonJS组织提出的，Promises/A+是有一个自称为Promises/A+ 组织发布的，该规范是以Promises/A作为基础进行补充和修订，旨在提高promise实现之间的可互操作性。
Promises/A+ 对.then方法进行细致的补充，定义了细致的Promise Resolution Procedure流程，并且将.then方法作为promise的对象甄别方法。
此外，Promises/A+ 还提供了兼容性测试工具，以确定各个实现的兼容性。
实现一个迷你版本的Promise
上面扯了这么多规范，现在我们看看如何实现一个简单而短小的Promise。
<span style="color: #、状态机
var PENDING = 0;
var FULFILLED = 1;
var REJECTED = 2;
function Promise() {
// store state which can be PENDING, FULFILLED or REJECTED
var state = PENDING;
// store value or error once FULFILLED or REJECTED
var value =
// store sucess & failure handlers attached by calling .then or .done
var handlers = [];
<span style="color: #、状态变迁
仅支持两种状态变迁，fulfill和reject
function Promise() {
function fulfill(result) {
state = FULFILLED;
function reject(error) {
state = REJECTED;
fulfill和reject方法较为底层，通常更高级的resolve方法开放给外部。
function Promise() {
function resolve(result) {
var then = getThen(result);
if (then) {
doResolve(then.bind(result), resolve, reject)
fulfill(result);
} catch (e) {
reject(e);
resolve方法可以接受一个普通值或者另一个promise作为参数，如果接受一个promise作为参数，等待其完成。promise不允许被另一个promise fulfill，所以需要开放resolve方法。resolve方法依赖一些帮助方法定义如下:
* Check if a value is a Promise and, if it is,
* return the `then` method of that promise.
* @param {Promise|Any} value
* @return {Function|Null}
function getThen(value) {
if (value && (t === 'object' || t === 'function')) {
var then = value.
if (typeof then === 'function') {
* Take a potentially misbehaving resolver function and make sure
* onFulfilled and onRejected are only called once.
* Makes no guarantees about asynchrony.
* @param {Function} fn A resolver function that may not be trusted
* @param {Function} onFulfilled
* @param {Function} onRejected
function doResolve(fn, onFulfilled, onRejected) {
var done =
fn(function (value) {
if (done) return
done = true
onFulfilled(value)
}, function (reason) {
if (done) return
done = true
onRejected(reason)
} catch (ex) {
if (done) return
done = true
onRejected(ex)
这里resolve和doResolve之间的递归很巧妙，用来处理promise的层层嵌套（promise的value是一个promise）。
function Promise(fn) {
doResolve(fn, resolve, reject);
function Promise(fn) {
function handle(handler) {
if (state === PENDING) {
handlers.push(handler);
if (state === FULFILLED &&
typeof handler.onFulfilled === 'function') {
handler.onFulfilled(value);
if (state === REJECTED &&
typeof handler.onRejected === 'function') {
handler.onRejected(value);
this.done = function (onFulfilled, onRejected) {
// ensure we are always asynchronous
setTimeout(function () {
onFulfilled: onFulfilled,
onRejected: onRejected
function Promise(fn) {
this.then = function (onFulfilled, onRejected) {
var self =
return new Promise(function (resolve, reject) {
return self.done(function (result) {
if (typeof onFulfilled === 'function') {
return resolve(onFulfilled(result));
} catch (ex) {
return reject(ex);
return resolve(result);
}, function (error) {
if (typeof onRejected === 'function') {
return resolve(onRejected(error));
} catch (ex) {
return reject(ex);
return reject(error);
jQuery 1.8 之前的版本，jQuery的 then 方法只是一种可以同时调用 done 、fail 和 progress 这三种回调的速写方法，而 Promises/A 规范的 then 在行为上更像是 jQuery 的 pipe。 jQuery 1.8 修正了这个问题，使 then 成为 pipe 的同义词。不过，由于向后兼容的问题，jQuery 的 Promise 再如何对 Promises/A 示好也不太会招人待见。
此外，在 Promises/A 规范中，由 then 方法生成的 Promise 对象是已执行还是已拒绝，取决于由 then 方法调用的那个回调是返回值还是抛出错误。在 JQuery 的 Promise 对象的回调中抛出错误是个糟糕的主意，因为错误不会被捕获。
最后一个例子揭示了，实现 Promise 的关键是实现好 doResolve 方法，在完事以后触发回调。而为了保证异步 setTimeout(fun, 0); 是关键一步。
Promise 一直用得蛮顺手的，其很好的优化了 NodeJS 异步处理时的代码结构。但是对于其工作原理却有些懵懂和好奇，于是花了些精力查阅并翻译了Promise 的规范，以充分的理解 Promise 的细节。
以上就是关于JavaScript中Promise的使用方法介绍，希望对大家的学习有所帮助。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具英文promise是啥意思呀_百度知道
英文promise是啥意思呀
= She ~d a reward tome. 答应&lt.我答应他在一点钟到那里e;做…&做…&gt,”她答道2 a. 可望….他并没遵守诺言在一周内把书还给我c,确实地;…&s ~ with [to] Betty [不] 遵守与贝蒂的约定under ~ of secrecy约定守住秘密A ~ is a ~. 答应&lt.今晚可望天晴3 [~ oneself] (暗自地) 期待…I ~d myself a holidaypromise
prom.他大有前途The weather gave ~I ~d him to be there at one,指望,可能It ~s to be fine this evening,履行是另一回事2 有可能性.我希望你能遵守诺言,答应It is one thing to ~ and another to perform,可能性[of]a writer of great ~前途无量的作家show ~ of future greatness显示前途大有希望He is full of ~. 答应&lt. 答应&某人&[to]She ~d me a reward,&quot.诺言就是诺言(要坚守诺言)【同义字】promise 答应做什么事appointment 为会面而做的约定b; ˋpr&#594;I won&#39.他答应帮忙b,预示…A rainbow ~某人&某事&m tired. 有…的可能性;某人&gt,可望The recent rapid progress in medicine ~sThey ~d (us) that the work should be done before Saturday.天气很可能变暖和the Land of Promise = Promised Land及物动词1 答应.彩虹预示会有好天气His boyhood did not seem to ~ much.她答应给我报酬c.他的少年时代并未预示出他大有前途b.他们答应 (我们) 在星期六以前做好这件工作f;做…&mis]《源自拉丁文“往前送”的意思》名词1 (C)a;&lt,承诺I am under no ~&& [对某人]答应&lt,在本月底前完成这工作2 (U) [又作 a ~] 前途,真正地I&#39.我并没承诺守住他的秘密He broke his ~ to give the book back to me within a week,希望.他答应不告诉任何人d.我敢断言;,可望…;t tell anyone.ise[`prɑmIs. 约定&…&gt. 约定.“我不会告诉任何人,诺言make a ~承诺 [许下诺言]keep [break] one&#39.近来医学长足的进步会给将来带来希望I promise (you). 答应He ~d help, I ~ you. 约定&lt.承诺是一回事;I hope you will keep your ~ that the work will be finished before theend of this month,约定a.我盼望假日不及物动词1 承诺;某事&He ~ she ~d. 答应&
来自团队：
其他类似问题
为您推荐：
其他9条回答
//dict，许诺.许诺：promises第三人称单数：PROMISEPromise详细请参考http：promised现在分词；给人以……的指望或希望vi.com/s：promises过去式.允诺
vt.允诺，许诺；给人以……的指望或希望vi.许诺；有指望，有前途n.许诺；希望，指望；允诺的东西复数：promises第三人称单数：promises过去式：promised过去分词：promised现在分词：promising易混淆的单词：PROMISEPromise
哥们你这样是很浪费的百度文库查这样的单词很简单你这挂这么多分很浪费要善用搜索引擎啊
在英文里，Promise可以做动词也可以做名词，做名词的时候它的意思是承诺，希望。做动词的时候它的意思是，对...做出承诺。
动词：承诺 固定用法：promise to do
sth名词：承诺。
承诺，相当于guarantee 还有预示的意思，例句：Heavy snow promises a good harvest.(瑞雪兆丰年）
另外，promising的意思是是有前途的
承诺，许诺
承诺，许诺
允诺，许诺；给人以……的指望或希望
英文的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁966,690 七月 独立访问用户
语言 & 开发
架构 & 设计
文化 & 方法
您目前处于：
JavaScript异步编程的Promise模式
JavaScript异步编程的Promise模式
注意:，500+CTO技聚重新定义技术领导力！
Author Contacted
相关厂商内容
相关赞助商
QCon全球软件开发大会上海站，日-22日，上海宝华万豪酒店，！
告诉我们您的想法
允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p
当有人回复此评论时请E-mail通知我
这是我框架RPC通信包其中一个API，原理一样吧？
《回复》Re: 疑问
Re: 这是我框架RPC通信包其中一个API，原理一样吧？
Deferred 在twisted 中已经存在很久了
jianxiao jiang
Re: Deferred 在twisted 中已经存在很久了
Re: 《回复》Re: 疑问
Chen Yongfu
then 与 resolve 执行先后问题
Yanggu Zhu
欢迎提问题！
Re: 《回复》Re: 疑问
还以为你是原创的文章
允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p
当有人回复此评论时请E-mail通知我
允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p
当有人回复此评论时请E-mail通知我
赞助商链接
架构 & 设计
文化 & 方法
<及所有内容，版权所有 &#169;
C4Media Inc.
服务器由 提供, 我们最信赖的ISP伙伴。
北京创新网媒广告有限公司
京ICP备号-7
注意：如果要修改您的邮箱，我们将会发送确认邮件到您原来的邮箱。
使用现有的公司名称
修改公司名称为：
公司性质：
使用现有的公司性质
修改公司性质为:
使用现有的公司规模
修改公司规模为：
使用现在的国家
使用现在的省份
Subscribe to our newsletter?
Subscribe to our industry email notices?promiser是什么意思，词典释义与在线翻译：
a person who makes a promise
promiser的用法和样例：
Finally,the authors point out some promis...
文章最后指出了组织社会化的未来研究趋势。
Then seek, then court her for her promis'd bliss.
寻求她，恋慕她应许的福分。
I promis to make some good pictures when I have more time.
我保证有时间时再拍些好的。
I don:t promis to ask you to stop.....but I can run with you.
如果有一天你想逃跑，别怕，打电话给我！
That make thi on of the most promis entry-level hire market sinc 2001.
这样会出现一个自2001年以来最有希望的雇佣市场。
A promi ory note is regarded as notes receivable for the payee and notes payable for the maker.
本票对受款人来说是应收票据，对出票人来说则是应付票据。
promiser的海词问答与网友补充：
promiser的相关资料：
【近义词】
相关词典网站：