有关Promises异步问题详解
18 浏览量
2020-11-22
05:34:43
上传
评论
收藏 97KB PDF 举报
有关有关Promises异步问题详解异步问题详解
迄今为止，可能每个JavaScript开发者和他们的祖母都听说过Promises。如果你没有，那么你即将会。promises的概念是由
CommonJS小组的成员在 Promises/A规范 中提出来的。Promises被逐渐用作一种管理异步操作回调的方法，但出于它们的
设计，它们远比那个有用得多。事实上，由于它们的多种用法，有无数人告诉我——在我写过一些关于promises的东西后
——我“遗漏了promises的重点”。那么什么是promises的重点呢？
一点关于一点关于Promises的东西的东西
在我开始promise的“重点”之前，我想我应该给你一点它们如何工作的内貌。一个promise是一个对象——根据Promise/A规范
——只需要一个方法：then。then方法带有三个参数：一个成功回调，一个失败回调，和一个前进回调（规范没有要求包括前
进回调的实现，但是很多都实现了）。一个全新的promise对象从每个then的调用中返回。
一个promise可以是三种状态之一：未完成的，完成的，或者失败的。promise以未完成的状态开始，如果成功它将会是完成
态，如果失败将会是失败态。当一个promise移动到完成态，所有注册到它的成功回调将被调用，而且会将成功的结果值传给
它。另外，任何注册到promise的成功回调，将会在它已经完成以后立即被调用。
同样的事情发生在promise移动到失败态的时候，除了它调用的是失败回调而不是成功回调。对包含前进特性的实现来
说，promise在它离开未完成状态以前的任何时刻，都可以更新它的progress。当progress被更新，所有的前进回调(progress
callbacks)会被传递以progress的值，并被立即调用。前进回调被以不同于成功和失败回调的方式处理；如果你在一个
progress更新已经发生以后注册了一个前进回调，新的前进回调只会在它被注册以后被已更新的progress调用。
我们不会进一步深入promise状态是如何管理的，因为那不在规范之内，而且每个实现都有差别。在后面的例子中，你将会看
到它是如何完成的，但目前这就是所有你需要知道的。
处理回调处理回调
像前面提到的为异步操作处理回调，是promises的最基本和最普通的用途，让我们将一个标准的回调与一个采用了promise的
回调比较一下。
// Normal callback usage
asyncOperation(function() {
// Here's your callback
});
// Now `asyncOperation` returns a promise
asyncOperation().then(function(){
// Here's your callback
});
我很怀疑只是看到这个例子的话是否有人会真的关心去使用promises。看起来没有什么好处，除了“then”使得在异步操作完成
之后的回调函数被调用这件事看起来更加明显。但是即使是这个好处，我们现在有了更多的代码（抽象应该使我们的代码更
短，不是吗？）而且promise比标准回调稍微性能差一点。
但是，不要让这阻碍到你。如果这就是promise可以做的最好的事，这篇文章就不会存在了
厄运的金字塔厄运的金字塔
// Normal callback usage => PYRAMID OF DOOOOOOOOM
asyncOperation(function(data){
// Do some processing with `data`
anotherAsync(function(data2){
// Some more processing with `data2`
yetAnotherAsync(function(){
// Yay we're finished!
});
});
});
// Let's look at using promises
asyncOperation()
.then(function(data){
// Do some processing with `data`
return anotherAsync();
})
.then(function(data2){
// Some more processing with `data2`
return yetAnotherAsync();
})
.then(function(){
// Yay we're finished!
});
正如你所见，promises的使用使得事情变扁平而且更可读了。这能起作用是因为——像早先提到的——then返回了一个
promise，所以你可以将then的调用不停的串连起来。由then返回的promise装载了由调用返回的值。如果调用返回了一个
promise(像这个例子中的情形一样)，then返回的 promise装载了与你的回调返回的promise所装载的相同值。这内容很多，因
评论0