摘要：有了對象，就可以將異步操作以同步操作的流程表達出來，避免了層層嵌套的回調(diào)函數(shù)。此外，對象提供統(tǒng)一的接口，使得控制異步操作更加容易。它的作用是為實例添加狀態(tài)改變時的回調(diào)函數(shù)。這時，第二個方法指定的回調(diào)函數(shù)，就會等待這個新的對象狀態(tài)發(fā)生變化。

是異步編程的一種解決方案，比傳統(tǒng)的解決方案（回調(diào)函數(shù)和事件）更合理和更強大。它由社區(qū)最早
出和實現(xiàn)，ES6 將其寫進了語言標準，統(tǒng)一了用法，原生提供了Promise對象。

所謂Promise，簡單說就是一個容器，里面保存著某個未來才會結(jié)束的事件（通常是一個異步操作）的結(jié)果。從語法上說，Promise 是一個對象，從它可以獲取異步操作的消息。Promise 提供統(tǒng)一的 API，各種異步操作都可以用同樣的方法進行處理。
有了Promise對象，就可以將異步操作以同步操作的流程表達出來，避免了層層嵌套的回調(diào)函數(shù)。此外，Promise對象提供統(tǒng)一的接口，使得控制異步操作更加容易。

1）傳統(tǒng)ajax

    是一種異步的JavaScript的請求，能夠在不影響當前進程的情況下和后臺進行交互.
           1.發(fā)起請求
               請求的返回時間難以確定，影響因素比較多，比如網(wǎng)絡(luò)延遲
           2.監(jiān)聽（成功，失敗）
               通過判斷狀態(tài)碼來決定執(zhí)行那個回調(diào)函數(shù)
               200 ok
               404 not found
               500 后臺代碼異常
               403 無權(quán)訪問
               304 文檔內(nèi)容沒有發(fā)生改變
           3.調(diào)用回調(diào)函數(shù)
               完成請求后的處理



         $.getJSON("http://120.78.164.247:8080/grade",function(data){
           alert(data)
           });
           alert("end");
           //先執(zhí)行end 在彈出data

出現(xiàn)的問題：在回調(diào)函數(shù)中嵌套如果比較多，就很容易出問題

2）promise

   承諾
   存在三種狀態(tài)：
       1.未知狀態(tài)，
       2.成功狀態(tài)，resolve() 未知狀態(tài)---》成功狀態(tài)
       3.失敗狀態(tài),reject()    未知狀態(tài)---》失敗狀態(tài)
   ajax中使用最多
   
   
   let promise = new Promise((resolve,reject)=>{
   $.ajaxSetup({
       error:function(){reject()};    //失敗
      });
       $.get("",function(data){
       resolve(data);    //成功
      });
   promise.then(()={}).catch(()=>{});

在我的理解中promise是對ajax的一種封裝,上述代碼中，使用的是用JQuery封裝的ajax代碼分成了兩部分。

1.先來看看我們自己封裝一個Ajax

    let fetch = (method,url,successHandler,errorHandler)=>{
        let xhr = new XMLHttpRequest();
        xhr.open(method,url);
        xhr.responseType = "json";
        xhr.setRequestHeader("Accept","application/json");//設(shè)置頭部信息
        
        xhr.onreadystatechange = function(){
            if(this.readyState == 4){
                if(this.status == 200){
                    successHandler(this.response)
                }else{
                    errorHandler(this.response);
                };
            }
        };
        xhr.send();
    
    }

需要注意的是因為原生代碼中需要http協(xié)議，所以這個代碼在node中是無法使用的，

2.下面來看看使用promise來封裝

簡單的思路：

   let promise = new Promise((resolve,reject)=>{
   
       setTimeout(function(){//模擬異步請求
           if (Math.round(Math.random()*10)>5) {
                       resolve("success");//成功
                   }else{
                       reject("erro");//失敗
                   }
   
       },3000);
   
   });
   
   promise.then((data)=>{
       console.log(data);
   }).catch((erro)=>{
       console.log(erro);
   });

我們來看看promise如何封裝Ajax

   let fetch = (method,url)=>{
       return new Promise((resolve,reject)=>{
           let xhr = new XMLHttpRequest();//聲明一個請求
           xhr.open(method,url);
           xhr.responseType = "json";
           xhr.setRequestHeader("Accept","application/json");
           xhr.onreadystatechange = function(){
               if(this.readyState == 4){//判斷狀態(tài)
               if(this.status == 200){
                   resolve(this.response)
               }else{
                   reject(this.response);
               };
           };
           };
               xhr.send();//發(fā)送請求
       });
   };
   fetch("get","http://120.78.164.247:8080/grade/findAll").then(({code,msg,extend})=>{
       console.log(code);
       console.log(msg);
       console.log(extend);
   }).catch(()=>{});//調(diào)用自己封裝的fetch
   
   

接著，我們來看看Promise中的一些基本用法

1.Promise.prototype.then()

 .then(function(){//success},functions(){//error});

then方法是定義在原型對象Promise.prototype上的，也就是說，Promise 實例具有then方法。它的作用是為 Promise 實例添加狀態(tài)改變時的回調(diào)函數(shù)。then方法的第一個參數(shù)是Resolved狀態(tài)的回調(diào)函數(shù)，第二個參數(shù)（可選）是Rejected狀態(tài)的回調(diào)函數(shù)。then方法返回的是一個新的Promise實例（注意，不是原來那個Promise實例）。因此可以采用鏈式寫法，即then方法后面再調(diào)用另一個then方法。如果使用兩個then方法，第一個回調(diào)函數(shù)完成以后，會將返回結(jié)果作為參數(shù)，傳入第二個回調(diào)函數(shù)。

getJSON("/post/1.json").then( 
    post => getJSON(post.commentURL)
 ).then( 
    comments => console.log("Resolved: ", comments), 
    err => console.log("Rejected: ", err) 
); 

上面代碼中，第一個then方法指定的回調(diào)函數(shù)，返回的是另一個Promise對象。這時，第二個then方法指定的回調(diào)函數(shù)，就會等待這個新的Promise對象狀態(tài)發(fā)生變化。如果變?yōu)閞esolved，就調(diào)用funcA，如果狀態(tài)變?yōu)閞ejected，就調(diào)用funcB。

2.Promise.prototype.catch()

Promise.prototype.catch方法是.then(null, rejection)的別名，用于指定發(fā)生錯誤時的回調(diào)函數(shù)，一般來說，不要在then方法里面定義Reject狀態(tài)的回調(diào)函數(shù)（即then的第二個參數(shù)），總是使用catch方法。

var promise = new Promise(function(resolve, reject) { 
    reject(new Error("test")); 
});
 promise.catch(function(error) { 
    console.log(error);
 });

Promise 對象的錯誤具有“冒泡”性質(zhì)，會一直向后傳遞，直到被捕獲為止。也就是說，錯誤總是會被下一個catch語句捕獲。

3.Promise.all()

Promise.all方法用于將多個 Promise 實例，包裝成一個新的 Promise 實例。

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

上面代碼中，Promise.all方法接受一個數(shù)組作為參數(shù)，p1、p2、p3都是 Promise 實例，p的狀態(tài)由p1、p2、p3決定，分成兩種情況。
只有p1、p2、p3的狀態(tài)都變成fulfilled，p的狀態(tài)才會變成fulfilled，此時p1、p2、p3的返回值組成一個數(shù)組，傳遞給p的回調(diào)函數(shù)。
只要p1、p2、p3之中有一個被rejected，p的狀態(tài)就變成rejected，此時第一個被reject的實例的返回值，會傳遞給p的回調(diào)函數(shù)。

4.Promise.race()

Promise.race方法同樣是將多個Promise實例，包裝成一個新的Promise實例。下面代碼中，只要p1、p2、p3之中有一個實例率先改變狀態(tài)，p的狀態(tài)就跟著改變。那個率先改變的 Promise 實例的返回值，就傳遞給p的回調(diào)函數(shù)。

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

上面代碼中，Promise.all方法接受一個數(shù)組作為參數(shù)，p1、p2、p3都是 Promise 實例，p的狀態(tài)由p1、p2、p3決定，分成兩種情況。
只有p1、p2、p3的狀態(tài)都變成fulfilled，p的狀態(tài)才會變成fulfilled，此時p1、p2、p3的返回值組成一個數(shù)組，傳遞給p的回調(diào)函數(shù)。
只要p1、p2、p3之中有一個被rejected，p的狀態(tài)就變成rejected，此時第一個被reject的實例的返回值，會傳遞給p的回調(diào)函數(shù)。

5.Promise.resolve()

方法將現(xiàn)有對象轉(zhuǎn)為Promise對象，例如：

var jsPromise = Promise.resolve($.ajax("/whatever.json")); 

根據(jù)參數(shù)的不同，方法的返回值也會發(fā)生變化：

1.參數(shù)是一個Promise實例
Promise.resolve將不做任何修改、原封不動地返回這個實例。
2.參數(shù)是一個thenable對象
thenable對象指的是具有then方法的對象，Promise.resolve方法會將這個對象轉(zhuǎn)為Promise對象，然后就立即執(zhí)行thenable對象的then方法。
3.參數(shù)不是具有then方法的對象，或根本就不是對象
如果參數(shù)是一個原始值，或者是一個不具有then方法的對象，則Promise.resolve方法返回一個新的Promise對象，狀態(tài)為Resolved。
4.不帶有任何參數(shù)
直接返回一個Resolved狀態(tài)的Promise對象。需要注意的是，立即resolve的Promise對象，是在本輪“事件循環(huán)”（event loop）的結(jié)束時，而不是在下一輪“事件循環(huán)”的開始時。

6.Promise. reject()

Promise.reject(reason)方法也會返回一個新的 Promise 實例，該實例的狀態(tài)為rejected 。

var p = Promise.reject("出錯了"); 
// 等同于 
var p = new Promise((resolve, reject) => reject("出錯了")) ;

7.finally()

finally方法用于指定不管Promise對象最后狀態(tài)如何，都會執(zhí)行的操作。它接受一個普通的回調(diào)函數(shù)作為參數(shù)，該函數(shù)不管怎樣都必須執(zhí)行。
下面是一個例子，服務(wù)器使用Promise處理請求，然后使用finally方法關(guān)掉服務(wù)器

server.listen(0) .then(function () {
     // run test
 }) .finally(server.stop);    //關(guān)掉服務(wù)器

Promise對象的使用大致分為如下幾個步驟：

 1. 構(gòu)建承諾對象
    let promise = new Promise((resolve,reject)=>{
      // resolve()    未知->成功
      // reject()     未知->失敗
    });
 2. 執(zhí)行
    promise.then(()=>{
      //成功后的回調(diào)
    }).catch(()=>{
      //失敗后的回調(diào)
    });

 3. 企業(yè)級應(yīng)用