[BAT前端經典面試問題：史上最最最詳細的手寫Promise教程](https://juejin.im/post/5b2f02cd5188252b937548ab) 原文[JavaScript Promise迷你書（中文版）](http://liubin.org/promises-book/) # promise基本用法 promise對象擁有幾個實例方法， 我們使用這些實例方法來為promise對象創建依賴于promise的具體狀態、并且只會被執行一次的回調函數。 為promise對象添加處理方法主要有以下兩種 promise對象被 resolve 時的處理(onFulfilled) promise對象被 reject 時的處理(onRejected)  ``` function getURL(URL) { return new Promise(function (resolve, reject) { var req = new XMLHttpRequest(); req.open('GET', URL, true); req.onload = function () { if (req.status === 200) { resolve(req.responseText); } else { reject(new Error(req.statusText)); } }; req.onerror = function () { reject(new Error(req.statusText)); }; req.send(); }); } // 運行示例 var URL = "http://httpbin.org/get"; getURL(URL).then(function onFulfilled(value){ console.log(value); }).catch(function onRejected(error){ console.error(error); }); ``` **注意** .then() 方法里出現下列兩種情況也會進入.catch()方法 * 發生異常的時候 * 返回了一個Rejected狀態的promise對象 # promise 中如何傳遞參數 ``` function doubleUp(value) { return value * 2; } function increment(value) { return value + 1; } function output(value) { console.log(value);// => (1 + 1) * 2 } var promise = Promise.resolve(1); promise .then(increment) .then(doubleUp) .then(output) .catch(function(error){ // promise chain中出現異常的時候會被調用 console.error(error); }); 這段代碼的入口函數是 Promise.resolve(1); ，整體的promise chain執行流程如下所示。 Promise.resolve(1); 傳遞 1 給 increment 函數 函數 increment 對接收的參數進行 +1 操作并返回（通過return） 這時參數變為2，并再次傳給 doubleUp 函數 最后在函數 output 中打印結果 ``` **每次調用then都會返回一個新創建的promise對象**