午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

ES6（一）：Promise對象

2018-4-3    seo達人

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里

介紹Promise

promise的概念和實現(xiàn)最初來源于社區(qū)，用于解決異步編程的回調(diào)嵌套問題，即將多級的嵌套改良成順序的代碼行。ES6將其寫入了語言標準，統(tǒng)一了用法，提供了原生的Promise。

Promise是一個構造函數(shù)，用于生成一個Promise實例。Promise實例代表一次異步操作。 它只可能有3種轉態(tài)，分別是Pending(未決議), Resolved(完成) 和 Rejected(出錯) 。

創(chuàng)建一個Promise實例時，其處于Pending狀態(tài)，當異步操作完成，執(zhí)行回調(diào)函數(shù)的時候，根據(jù)回調(diào)函數(shù)中的err的值，如果err 為空則異步操作成功，否則異步操作失敗。此后，Promise實例的狀態(tài)將不再改變。

Promise實例 

var pro = function () { return new Promise(function(resolve, reject) { fs.readdir(_dirname, function(err, data) { if (err) {
                reject(err); //失敗則將Promise對象置為rejected狀態(tài) } else {
                resolve(data); //成功則將Promise對象置為resolved轉態(tài) }
        });
    });
} /*pro是一個函數(shù)
 調(diào)用該函數(shù)返回一個Promise實例
*/ var promiseObject = pro(); /*then方法執(zhí)行Resolved和Rejected狀態(tài)的回調(diào)函數(shù)*/ promiseObject
.then(doneCallbacks, failCallbacks)
.catch(function(err) { console.log(err);
}); var doneCallbacks = function(data) { console.log(data);
}; var failCallbacks = function(err) { console.log(err)
};
    
    

        
  • 
            1
        
    • 

        
  • 
            2
        
    • 

        
  • 
            3
        
    • 

        
  • 
            4
        
    • 

        
  • 
            5
        
    • 

        
  • 
            6
        
    • 

        
  • 
            7
        
    • 

        
  • 
            8
        
    • 

        
  • 
            9
        
    • 

        
  • 
            10
        
    • 

        
  • 
            11
        
    • 

        
  • 
            12
        
    • 

        
  • 
            13
        
    • 

        
  • 
            14
        
    • 

        
  • 
            15
        
    • 

        
  • 
            16
        
    • 

        
  • 
            17
        
    • 

        
  • 
            18
        
    • 

        
  • 
            19
        
    • 

        
  • 
            20
        
    • 

        
  • 
            21
        
    • 

        
  • 
            22
        
    • 

        
  • 
            23
        
    • 

        
  • 
            24
        
    • 

        
  • 
            25
        
    • 

        
  • 
            26
        
    • 

        
  • 
            27
        
    • 

        
  • 
            28
        
    • 

        
  • 
            29
        
    •

catch是then的一個語法糖，相當于 

promiseObject.then(undefined, function(err) {
    console.log(err)
});
    
    

        
  • 
            1
        
    • 

        
  • 
            2
        
    • 

        
  • 
            3
        
    •

Promise對象的錯誤具有向后傳遞的性質，因此，如果在調(diào)用過程拋出異常，則異常總能被最后一個catch捕獲。這也是為什么我們習慣在then的調(diào)用后跟隨一個catch調(diào)用。

then的鏈式寫法

then 方法是定義在構造函數(shù)Promise 的原型對象上的。這個方法為Promise實例添加狀態(tài)改變時的回調(diào)函數(shù)。then方法返回一個新的Promise實例，因此then方法后面可以調(diào)用then（）方法。傳給then()方法的函數(shù)，可返回三類值，分別如下：

  • 一個Promise實例
  • 一個普通值
  • 拋出一個異常

如果返回的是一個新的Promise對象，則下一級的then接收函數(shù)在這個Promise實例 狀態(tài)發(fā)生改變時被觸發(fā)執(zhí)行。因此，then的鏈式寫法，可以按順序執(zhí)行一系列的異步操作，并且后一個異步操作在前一個完成之后開始。如下代碼實例所示： 

var fs = require('fs'); var pro = function () { return new Promise(function(resolve, reject) { fs.readdir(_dirname, function(err, data) { if (err) {
                reject(err); //失敗則將Promise對象置為rejected狀態(tài) } else {
                resolve(data); //成功則將Promise對象置為resolved轉態(tài) }
        });
    });
} var newPro = function(data) { return new Promise(function(resolve, reject) { setTimeout(function(){ resolve(data);
        },2000);
    });
}; /*pro是一個函數(shù)
 調(diào)用該函數(shù)返回一個Promise實例
*/ var promiseObject = pro(); /*then方法執(zhí)行Resolved和Rejected狀態(tài)的回調(diào)函數(shù)*/ promiseObject
    .then(function(data){ console.log("fisrt sync op");
        console.log(data); return newPro(data);//返回一個新的Promise對象 })
    .then(function(data) { console.log("second sync op");
        console.log(data);//兩秒鐘后才會被執(zhí)行 })
    .catch(function(err) { console.log(err);
    });

promiseObject.then(undefined, function(err) { console.log(err)
}); var doneCallbacks = function(data) { console.log(data);
}; var failCallbacks = function(err) { console.log(err)
}; 
    
    

        
  • 
            1
        
    • 

        
  • 
            2
        
    • 

        
  • 
            3
        
    • 

        
  • 
            4
        
    • 

        
  • 
            5
        
    • 

        
  • 
            6
        
    • 

        
  • 
            7
        
    • 

        
  • 
            8
        
    • 

        
  • 
            9
        
    • 

        
  • 
            10
        
    • 

        
  • 
            11
        
    • 

        
  • 
            12
        
    • 

        
  • 
            13
        
    • 

        
  • 
            14
        
    • 

        
  • 
            15
        
    • 

        
  • 
            16
        
    • 

        
  • 
            17
        
    • 

        
  • 
            18
        
    • 

        
  • 
            19
        
    • 

        
  • 
            20
        
    • 

        
  • 
            21
        
    • 

        
  • 
            22
        
    • 

        
  • 
            23
        
    • 

        
  • 
            24
        
    • 

        
  • 
            25
        
    • 

        
  • 
            26
        
    • 

        
  • 
            27
        
    • 

        
  • 
            28
        
    • 

        
  • 
            29
        
    • 

        
  • 
            30
        
    • 

        
  • 
            31
        
    • 

        
  • 
            32
        
    • 

        
  • 
            33
        
    • 

        
  • 
            34
        
    • 

        
  • 
            35
        
    • 

        
  • 
            36
        
    • 

        
  • 
            37
        
    • 

        
  • 
            38
        
    • 

        
  • 
            39
        
    • 

        
  • 
            40
        
    • 

        
  • 
            41
        
    • 

        
  • 
            42
        
    • 

        
  • 
            43
        
    • 

        
  • 
            44
        
    • 

        
  • 
            45
        
    • 

        
  • 
            46
        
    • 

        
  • 
            47
        
    • 

        
  • 
            48
        
    • 

        
  • 
            49
        
    • 

        
  • 
            50
        
    • 

        
  • 
            51
        
    • 

        
  • 
            52
        
    • 

        
  • 
            53
        
    •

把上一級異步調(diào)用的結果返回給下一級調(diào)用，then這樣的鏈式寫法，解決了回調(diào)函數(shù)的多層嵌套調(diào)用。

解決異步嵌套回調(diào)的更多方案

“回調(diào)金字塔”

多層嵌套

bluebird庫 + Generator

藍藍設計( m.gerard.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務


日歷

鏈接

個人資料

藍藍設計的小編 http://m.gerard.com.cn

存檔

主站蜘蛛池模板： 欧美最猛12teevideos欧美 欧美最猛12teevideos | 亚洲精品色播一区二区 | 俄罗斯xxxxxbbbbb | 精品久久久久久久国产潘金莲 | 久久精品国产久精国产果冻传媒 | 精品国产手机视频在在线 | 末班车动漫无删减免费 | 草草久久久无码国产专区全集观看 | 伊人久久青草青青综合 | 入禽太深视频免费视频 | 成人小视频免费在线观看 | 久久久久久人精品免费费看 | 国产视频a在线观看v | 国产高清美女一级a毛片久久w | 亚洲国产在线播放在线 | 久九九精品免费视频 | 小柔的性放荡羞辱日记 | 精品国产乱码久久久人妻 | 国产AV综合手机在线观看 | 偷窥 亚洲 色 国产 日韩 | 97在线免费观看 | 一区二区中文字幕在线观看 | 黄色三级视频网站 | 亚洲国产女人aaa毛片在线 | 女人高潮特级毛片 | 理论片在线观看片免费 | 亚洲spank男男实践网站 | 长泽梓黑人初解禁bdd07 | 国产精品伊人 | 忘忧草秋观看未满十八 | 青草视频久久 | 忘忧草高清 | A级韩国乱理伦片在线观看 a级成人免费毛片完整版 | 动漫美女脱小内内露尿口 | 簧片在线观看 | 宝贝好紧好爽再搔一点试視頻 | 国产精品婷婷久青青原 | 肉肉的各种姿势高H细文 | 欧美另类z0z000高清 | 色偷偷成人网免费视频男人的天堂 | 国产精品美女WWW爽爽爽视频 |