回調(diào)函數(shù)真正的問題在于他剝奪了我們使用 return 和 throw 這些關(guān)鍵字的能力。而 Promise 很好地解決了這一切。

2015 年 6 月，ECMAScript 6 的正式版 終于發(fā)布了。

ECMAScript 是 JavaScript 語言的國際標準，JavaScript 是 ECMAScript 的實現(xiàn)。ES6 的目標，是使得 JavaScript 語言可以用來編寫大型的復(fù)雜的應(yīng)用程序，成為企業(yè)級開發(fā)語言。

概念

ES6 原生提供了 Promise 對象。

所謂 Promise，就是一個對象，用來傳遞異步操作的消息。它代表了某個未來才會知道結(jié)果的事件（通常是一個異步操作），并且這個事件提供統(tǒng)一的 API，可供進一步處理。

Promise 對象有以下兩個特點。

（1）對象的狀態(tài)不受外界影響。Promise 對象代表一個異步操作，有三種狀態(tài)：Pending（進行中）、Resolved（已完成，又稱 Fulfilled）和 Rejected（已失敗）。只有異步操作的結(jié)果，可以決定當前是哪一種狀態(tài)，任何其他操作都無法改變這個狀態(tài)。這也是 Promise 這個名字的由來，它的英語意思就是「承諾」，表示其他手段無法改變。

（2）一旦狀態(tài)改變，就不會再變，任何時候都可以得到這個結(jié)果。Promise 對象的狀態(tài)改變，只有兩種可能：從 Pending 變?yōu)?Resolved 和從 Pending 變?yōu)?Rejected。只要這兩種情況發(fā)生，狀態(tài)就凝固了，不會再變了，會一直保持這個結(jié)果。就算改變已經(jīng)發(fā)生了，你再對 Promise 對象添加回調(diào)函數(shù)，也會立即得到這個結(jié)果。這與事件（Event）完全不同，事件的特點是，如果你錯過了它，再去監(jiān)聽，是得不到結(jié)果的。

有了 Promise 對象，就可以將異步操作以同步操作的流程表達出來，避免了層層嵌套的回調(diào)函數(shù)。此外，Promise 對象提供統(tǒng)一的接口，使得控制異步操作更加容易。

Promise 也有一些缺點。首先，無法取消 Promise，一旦新建它就會立即執(zhí)行，無法中途取消。其次，如果不設(shè)置回調(diào)函數(shù)，Promise 內(nèi)部拋出的錯誤，不會反應(yīng)到外部。第三，當處于 Pending 狀態(tài)時，無法得知目前進展到哪一個階段（剛剛開始還是即將完成）。

photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

 1  (/* 異步操作成功 */){ 2  resolve(value); 3  } else { 4  reject(error); 5  } 6 }); 7  8 promise.then(function(value) { 9  // success10 }, function(value) {11  // failure12 });

photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

Promise 構(gòu)造函數(shù)接受一個函數(shù)作為參數(shù)，該函數(shù)的兩個參數(shù)分別是 resolve 方法和 reject 方法。

如果異步操作成功，則用 resolve 方法將 Promise 對象的狀態(tài)，從「未完成」變?yōu)椤赋晒Α梗磸?pending 變?yōu)?resolved）；

如果異步操作失敗，則用 reject 方法將 Promise 對象的狀態(tài)，從「未完成」變?yōu)椤甘　梗磸?pending 變?yōu)?rejected）。

基本的 api

  1. Promise.resolve()

  2. Promise.reject()

  3. Promise.prototype.then()

  4. Promise.prototype.catch()

  5. Promise.all() // 所有的完成

    ll([p1,p2,p3]);

  6. Promise.race() // 競速，完成一個即可進階

    進階

    promises 的奇妙在于給予我們以前的 return 與 throw，每個 Promise 都會提供一個 then() 函數(shù)，和一個 catch()，實際上是 then(null, ...) 函數(shù)，

    omePromise().then(functoin(){        // do something
    });

    我們可以做三件事，

    1. return 另一個 promise2. return 一個同步的值 (或者 undefined)3. throw 一個同步異常 ` throw new Eror('');`

    1. 封裝同步與異步代碼

    photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

    ```new Promise(function (resolve, reject) {
 resolve(someValue);
 });
```
寫成

```
Promise.resolve(someValue);
```

    photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

    2. 捕獲同步異常

    new Promise(function (resolve, reject) { throw new Error('悲劇了，又出 bug 了');
 }).catch(function(err){
 console.log(err);
 });

    如果是同步代碼，可以寫成

     Promise.reject(new Error("什么鬼"));

    3. 多個異常捕獲，更加精準的捕獲

    photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

    somePromise.then(function() { return a.b.c.d();
}).catch(TypeError, function(e) { //If a is defined, will end up here because
 //it is a type error to reference property of undefined}).catch(ReferenceError, function(e) { //Will end up here if a wasn't defined at all}).catch(function(e) { //Generic catch-the rest, error wasn't TypeError nor
 //ReferenceError});

    photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

    4. 獲取兩個 Promise 的返回值

    1. .then 方式順序調(diào)用2. 設(shè)定更高層的作用域3. spread

    5. finally

    任何情況下都會執(zhí)行的，一般寫在 catch 之后

    6. bind

    photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

    omethingAsync().bind({})
.spread(function (aValue, bValue) { this.aValue = aValue; this.bValue = bValue; return somethingElseAsync(aValue, bValue);
})
.then(function (cValue) {     return this.aValue + this.bValue + cValue;
});

    photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

    或者 你也可以這樣

    photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

    var scope = {};
somethingAsync()
.spread(function (aValue, bValue) {
 scope.aValue = aValue;
 scope.bValue = bValue; return somethingElseAsync(aValue, bValue);
})
.then(function (cValue) { return scope.aValue + scope.bValue + cValue;
});

    photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

    然而，這有非常多的區(qū)別，

    7. all。非常用于于處理一個動態(tài)大小均勻的 Promise 列表

    8. join。非常適用于處理多個分離的 Promise

    photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

    ```var join = Promise.join;
join(getPictures(), getComments(), getTweets(), function(pictures, comments, tweets) {
 console.log("in total: " + pictures.length + comments.length + tweets.length);
});
```

    photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

    9. props。處理一個 promise 的 map 集合。只有有一個失敗，所有的執(zhí)行都結(jié)束

    photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

    ```
Promise.props({
 pictures: getPictures(),
 comments: getComments(),
 tweets: getTweets()
}).then(function(result) {
 console.log(result.tweets, result.pictures, result.comments);
});
```

    photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

    10. any 、some、race

    photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

    ```
Promise.some([
 ping("ns1.example.com"),
 ping("ns2.example.com"),
 ping("ns3.example.com"),
 ping("ns4.example.com")
], 2).spread(function(first, second) {
 console.log(first, second);
}).catch(AggregateError, function(err) {
err.forEach(function(e) {
console.error(e.stack);
});
});;

```
有可能，失敗的 promise 比較多，導(dǎo)致，Promsie 永遠不會 fulfilled

    photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

    11. .map(Function mapper [, Object options])

    用于處理一個數(shù)組，或者 promise 數(shù)組，

    Option: concurrency 并發(fā)現(xiàn)

        map(..., {concurrency: 1});

    以下為不限制并發(fā)數(shù)量，讀書文件信息

    photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

    Promise = require("bluebird");var join = Promise.join;var fs = Promise.promisifyAll(require("fs"));var concurrency = parseFloat(process.argv[2] || "Infinity");var fileNames = ["file1.json", "file2.json"];
Promise.map(fileNames, function(fileName) { return fs.readFileAsync(fileName)
 .then(JSON.parse)
 .catch(SyntaxError, function(e) {
 e.fileName = fileName; throw e;
 })
}, {concurrency: concurrency}).then(function(parsedJSONs) {
 console.log(parsedJSONs);
}).catch(SyntaxError, function(e) {
 console.log("Invalid JSON in file " + e.fileName + ": " + e.message);
});
結(jié)果

$ sync && echo 3 > /proc/sys/vm/drop_caches
$ node test.js 1reading files 35ms
$ sync && echo 3 > /proc/sys/vm/drop_caches
$ node test.js Infinity
reading files: 9ms

    photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

    11. .reduce(Function reducer [, dynamic initialValue]) -> Promise

    photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

    Promise.reduce(["file1.txt", "file2.txt", "file3.txt"], function(total, fileName) { return fs.readFileAsync(fileName, "utf8").then(function(contents) { return total + parseInt(contents, 10);
 });
}, 0).then(function(total) { //Total is 30});

    photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

    12. Time

    Promise 的實現(xiàn)

    ASYNC

    async 函數(shù)與 Promise、Generator 函數(shù)一樣，是用來取代回調(diào)函數(shù)、解決異步操作的一種方法。它本質(zhì)上是 Generator 函數(shù)的語法糖。async 函數(shù)并不屬于 ES6，而是被列入了 ES7。

    1. q

    2. bluebird

    3. co

    4. when

    5. .delay(int ms) -> Promise

    6. .timeout(int ms [, String message]) -> Promise

    7. 你必須先聲明，有浪費資源和內(nèi)存泄露的風(fēng)險

    8. 不能用于放在一個表達式的上下文中

    9. 效率更低

http://www.cnblogs.com/d-xs/p/7050272.html