[JavaScript] Promise

[Leo145x]

在 JavaScript 時常會碰到非同步程式的狀況，大部份是與伺服器取得資料時會遇到，
以前只能用回乎函式來解決非同步程式碼的問題，但是回呼函式很難維護與閱讀，如下:

代碼: 選擇全部

getJSON("data/ninjas.json", function(err, ninjas){
    getJSON(ninjas[0].location, function(err, locationInfo){
        sendOrder(locationInfo, function(err, status){
         /*Process status*/
        })
    })
});

JavaScript 在 ES6 導入 Promise，它可以更簡單的處理非同步任務，如下:

代碼: 選擇全部

const promise = new Promise((resolve, reject) => {
	resolve("Promise return");
	// reject("Promise error");
});

promise.then( res => console.log(res)).catch( err => console.log(err));

透過 new Promise 建立一個新的約定，並在約定完成時透過 then 方法接續處理回傳值，
但若遇到被拒絕的約定或異常可以透過 catch 方法處理發生的錯誤。