[TOC] ## Promise ``` var promise = new Promise(function (resolve, reject) { // ... if (/* 異步操作成功 */){ resolve(value); } else { /* 異步操作失敗 */ reject(new Error()); } }); promise.then(function (e) { console.log(e); }).catch(function (e) { console.log(e); }) ``` ## 實例 ### 簡單實例 ``` // ajax函數將返回Promise對象: function ajax(method, url, data) { var request = new XMLHttpRequest(); return new Promise(function (resolve, reject) { request.onreadystatechange = function () { if (request.readyState === 4) { if (request.status === 200) { resolve(request.responseText); } else { reject(request.status); } } }; request.open(method, url); request.send(data); }); } //執行 var p = ajax('GET', '/api/categories'); p.then(function (text) { // 如果AJAX成功，獲得響應內容 console.log(text); }).catch(function (status) { // 如果AJAX失敗，獲得響應代碼 console.log(text); }); ``` 在 ES6 中使用 ``` var func = new Promise((resolve,reject)=>{ fs.readFile("./demo.html", (err, data)=> { if (err) reject(err) else resolve(data) }) }) func.then(data=>{ console.log(data); }).catch((err)=>{ console.log(err); }); ``` ### Promise.all 等到都完成 ### Promise.race 有一個完成 ``` var p1 = new Promise(function (resolve, reject) { setTimeout(resolve, 500, 'P1'); }); var p2 = new Promise(function (resolve, reject) { setTimeout(resolve, 600, 'P2'); }); // 同時執行p1和p2，并在它們都完成后執行then: Promise.all([p1, p2]).then(function (results) { console.log(results); // 獲得一個Array: ['P1', 'P2'] }); //只需要獲得先返回的結果即可,增加容錯,如同時向兩個URL讀取用戶的個人信息 Promise.race([p1, p2]).then(function (result) { console.log(result); // 'P1' }); ```