Promise 对象代表了未来将要发生的事件,用来传递异步操作的消息。
Promise 对象有以下两个特点:
1、对象的状态不受外界影响。Promise 对象代表一个异步操作,有三种状态:
pending: 初始状态,不是成功或失败状态。
fulfilled: 意味着操作成功完成。
rejected: 意味着操作失败。
只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是 Promise 这个名字的由来,它的英语意思就是「承诺」,表示其他手段无法改变。
2、一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promise 对象的状态改变,只有两种可能:从 Pending 变为 Resolved 和从 Pending 变为 Rejected。只要这两种情况发生,状态就凝固了,不会再变了,会一直保持这个结果。就算改变已经发生了,你再对 Promise 对象添加回调函数,也会立即得到这个结果。这与事件(Event)完全不同,事件的特点是,如果你错过了它,再去监听,是得不到结果的。
Promise 优缺点
有了 Promise 对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。此外,Promise 对象提供统一的接口,使得控制异步操作更加容易。
Promise 也有一些缺点。首先,无法取消 Promise,一旦新建它就会立即执行,无法中途取消。其次,如果不设置回调函数,Promise 内部抛出的错误,不会反应到外部。第三,当处于 Pending 状态时,无法得知目前进展到哪一个阶段(刚刚开始还是即将完成)。
Promise 创建
要想创建一个 promise 对象、可以使用 new 来调用 Promise 的构造器来进行实例化。
下面是创建 promise 的步骤:
var
promise
=
new
Promise
(
function
(
resolve
,
reject
)
{
Promise 构造函数包含一个参数和一个带有 resolve(解析)和 reject(拒绝)两个参数的回调。在回调中执行一些操作(例如异步),如果一切都正常,则调用 resolve,否则调用 reject。
var
myFirstPromise
=
new
Promise
(
function
(
resolve
,
reject
)
{
尝试一下 »
对于已经实例化过的 promise 对象可以调用 promise.then() 方法,传递 resolve 和 reject 方法作为回调。
promise.then() 是 promise 最为常用的方法。
promise.then(onFulfilled, onRejected)
promise简化了对error的处理,上面的代码我们也可以这样写:
promise.then(onFulfilled).catch(onRejected)
Promise Ajax
下面是一个用 Promise 对象实现的 Ajax 操作的例子。
function
ajax
(
URL
)
{
return
new
Promise
(
function
(
resolve
,
reject
)
{
var
req
=
new
XMLHttpRequest
(
)
;
req
.
open
(
'
GET
'
,
URL
,
true
)
;
req
.
onload
=
function
(
)
{
if
(
req
.
status
===
200
)
{
resolve
(
req
.
responseText
)
;
}
else
{
reject
(
new
Error
(
req
.
statusText
)
)
;
req
.
onerror
=
function
(
)
{
reject
(
new
Error
(
req
.
statusText
)
)
;
req
.
send
(
)
;
}
)
;
var
URL
=
"
/try/ajax/testpromise.php
"
;
ajax
(
URL
)
.
then
(
function
onFulfilled
(
value
)
{
document
.
write
(
'
内容是:
'
+
value
)
;
}
)
.
catch
(
function
onRejected
(
error
)
{
document
.
write
(
'
错误:
'
+
error
)
;
}
)
;
尝试一下 »
上面代码中,resolve 方法和 reject 方法调用时,都带有参数。它们的参数会被传递给回调函数。reject 方法的参数通常是 Error 对象的实例,而 resolve 方法的参数除了正常的值以外,还可能是另一个 Promise 实例,比如像下面这样。
var
p1
=
new
Promise
(
function
(
resolve
,
reject
)
{