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 的步骤：

Promise 构造函数包含一个参数和一个带有 resolve（解析）和 reject（拒绝）两个参数的回调。在回调中执行一些操作（例如异步），如果一切都正常，则调用 resolve，否则调用 reject。

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){

  // ... some code

});

 

var p2 = new Promise(function(resolve, reject){

  // ... some code

  resolve(p1);

})

getJSON("/posts.json").then(function(json) {

  return json.post;

}).then(function(post) {

  // proceed

});

getJSON("/post/1.json").then(function(post) {

  return getJSON(post.commentURL);

}).then(function(comments) {

  // 对comments进行处理

});

getJSON("/posts.json").then(function(posts) {

  // some code

}).catch(function(error) {

  // 处理前一个回调函数运行时发生的错误

  console.log('发生错误！', error);

});

Promise 对象的错误具有"冒泡"性质，会一直向后传递，直到被捕获为止。也就是说，错误总是会被下一个 catch 语句捕获。

getJSON("/post/1.json").then(function(post) {

  return getJSON(post.commentURL);

}).then(function(comments) {

  // some code

}).catch(function(error) {

  // 处理前两个回调函数的错误

});

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

// 生成一个Promise对象的数组

var promises = [2, 3, 5, 7, 11, 13].map(function(id){

  return getJSON("/post/" + id + ".json");

});

 

Promise.all(promises).then(function(posts) {

  // ...  

}).catch(function(reason){

  // ...

});

 

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

var p = Promise.resolve('Hello');

 

p.then(function (s){

  console.log(s)

});

// Hello

var p = Promise.reject('出错了');

 

p.then(null, function (s){

  console.log(s)

});

// 出错了