JavaScript异步编程的Promise模式

参考：

http://www.infoq.com/cn/news/2011/09/js-promise

http://www.cnblogs.com/rubylouvre/p/3495286.html

https://segmentfault.com/a/1190000000684654

目的：为了降低异步编程的复杂性

promise模式在任何时刻都处于以下三种状态之一：未完成（unfulfilled）、已完成（resolved）和拒绝（rejected）

 //构建promise模式的框架
     var Promise = function(){
         // initialize promise
     }
     //定义then方法——接受两个参数用于处理完成和拒绝状态
     Promise.prototype.then = function(onResolved, onRejected){
         //invoke handlers based upon state transition
     }
     //两个方法来执行从未完成到已完成和从未完成到拒绝的状态转变
     Promise.prototype.resolve = function(value){
         //未完成----->已完成
     }
     Promise.prototype.reject = function(error){
         //未完成------>拒绝
     }

现在搭建了一个promise的架子，我们可以继续上面的示例，假设只获取IE10的内容。创建一个方法来发送Ajax请求并将其封装在promise中。这个promise对象分别在xhr.onload和xhr.onerror中指定了完成和拒绝状态的转变过程，请注意searchTwitter函数返回的正是promise对象。然后，在loadTweets中，使用then方法设置完成和拒绝状态对应的回调函数。

即then接收两个参数，成功则调用第一个，否则调用第二个

    function search(term){
         var url,xhr,results,promise;
         url = "http://search.twitter.com/search.json?rpp=100&q="+term;
         promise = new Promise();
         xhr = new XMLHttpRequest();
         xhr.open('GET',url,true);

         xhr.onload = function(e){
             if(this.status === 200){
                 results = JSON.parse(this.responseText);
                 promise.resolve(results);
             }
         };

         xhr.onerror = function(e){
             promise.reject(e);
         };

         xhr.send();
         return promise;
     }

     function loadTweets(){
         var container = doucment.getElementById('container');
         seach("#IE10").then(function(data){
             data.results.forEach(function(tweet){
                 var el = document.createElement('li');
                 el.innerText = tweet.text;
                 container.appendChild(el);
             });

         },handleError);
     }

到目前为止，我们可以把promise模式应用于单个Ajax请求，似乎还体现不出promise的优势来。下面来看看多个Ajax请求的并发协作。此时，我们需要另一个方法when来存储准备调用的promise对象。一旦某个promise从未完成状态转化为完成或者拒绝状态，then方法里对应的处理函数就会被调用。when方法在需要等待所有操作都完成的时候至关重要。

 Promise.when = function(){
         //handle promises arguments and queue each
     }
     var container, promise1, promise2;
     container = document.getElementById('container');
     promise1 = search('#IE10');
     promise2 = search('#IE9');
     Promise.when(promise1,promise2).then(function(data1,data2){
         //Reshuffle due to date
         var totalResults = concatResults(data1.results, data2.results);
         totalResults.forEach(function(tweet){
             var el = document.createElement('li');
             el.innerText = tweet.text;
             container.appendChild(el);
         });
     },handleError);