then()方法是異步執(zhí)行
就是當(dāng).then()前的方法執(zhí)行完后再執(zhí)行then()內(nèi)部的程序
這樣就避免了罗岖，數(shù)據(jù)沒獲取到等的問題
then 方法（承諾）
允許你指定實現(xiàn)承諾時要完成的工作抱完。
語法
promise.then(onCompleted, onRejected);
參數(shù)
-
promise
必需练对。
Promise 對象。 -
onCompleted
必需。
承諾成功完成時要運行的履行處理程序函數(shù)。 -
onRejected
可選。
承諾被拒絕時要運行的錯誤處理程序函數(shù)状飞。
備注
承諾必須完成（返回一個值）或者必須被拒絕（返回一個原因）。承諾完成或被拒絕時（無論哪一個先發(fā)生）书斜，Promise 對象的 then 方法都會運行诬辈。
如果承諾成功完成，則將運行 then 方法的履行處理程序函數(shù)荐吉。如果承諾被拒絕焙糟，則將運行 then 方法（或 catch 方法）的錯誤處理程序函數(shù)。
下面的示例演示如何調(diào)用返回承諾的函數(shù) (timeout)样屠。
達(dá)到 5000 ms 的超時時間后穿撮，將運行 then 方法的履行處理程序缺脉。
function timeout(duration) {
return new Promise(function(resolve, reject) {
setTimeout(resolve, duration);
});
}
// Note: This code uses arrow function syntax
var m = timeout(5000).then(() => {
console.log("done!");
})
// Output (after 5 seconds):
// done!
如果還有疑問再看一下Promise
“Promises” 代表著在javascript程序里下一個偉大的范式，但是理解他們?yōu)槭裁慈绱藗ゴ蟛皇羌唵蔚氖略么Ｋ暮诵木褪且粋€promise代表一個任務(wù)結(jié)果攻礼，這個任務(wù)有可能完成有可能沒完成。Promise模式唯一需要的一個接口是調(diào)用then方法栗柒，它可以用來注冊當(dāng)promise完成或者失敗時調(diào)用的回調(diào)函數(shù)礁扮，這在CommonJS Promises/A proposal.大體講到了。比如瞬沦，我想保存一個Prase.Object對象深员，這是個異步操作，在舊的回調(diào)范式中蛙埂，你的代碼可能這樣寫:
object.save({ key: value }, {
success:function(object) {
// the object was saved.
},
error:function(object, error) {
// saving the object failed.
}
});
在新的Promise范式中，同樣的代碼你可以這樣寫:
object.save({ key: value }).then(
function(object) {
// the object was saved.
},
function(error) {
// saving the object failed.
});
沒有多大的區(qū)別遮糖？那么有啥大不了的地方呢绣的？好吧，promises的真正強大之處在于多重的鏈接欲账，當(dāng)調(diào)用promise.then(func)時返回一個新的promise屡江，它不會執(zhí)行直到上一個完成。但是這里有一種特殊的情況赛不，如果我的回調(diào)通過then返回一個新的promise惩嘉，那么通過then返回的promise將不會執(zhí)行，直到回調(diào)執(zhí)行完成踢故。詳細(xì)細(xì)節(jié)請參考 Promises/A+文黎，這是個復(fù)雜的規(guī)則，通過例子我們能更清楚的認(rèn)識下.
假設(shè)你寫了段登陸的代碼殿较，查找對象然后更新它耸峭。在舊的回調(diào)范式中，你可以使用金字塔式的代碼完成:
Parse.User.logIn("user","pass", {
success:function(user) {
query.find({
success:function(results) {
results[0].save({ key: value }, {
success:function(result) {
// the object was saved.
}
});
}
});
}
});
這看起來已經(jīng)很可笑淋纲，更可笑的是甚至沒有任何錯誤處理劳闹。但是promise鏈?zhǔn)降慕Y(jié)構(gòu)，使代碼看起來更舒服了:
Parse.User.logIn("user","pass").then(function(user) {
returnquery.find();
}).then(function(results) {
returnresults[0].save({ key: value });
}).then(function(result) {
// the object was saved.
});
哇!好多啦洽瞬！
錯誤處理
上面的代碼簡單期間沒有添加錯誤處理本涕，但是添加了后你會發(fā)現(xiàn)在舊的回調(diào)代碼中一團糟:
Parse.User.logIn("user","pass", {
success:function(user) {
query.find({
success:function(results) {
results[0].save({ key: value }, {
success:function(result) {
// the object was saved.
},
error:function(result, error) {
// An error occurred.
}
});
},
error:function(error) {
// An error occurred.
}
});
},
error:function(user, error) {
// An error occurred.
}
});
由于promises知道處理是否完成，它可以傳遞錯誤伙窃，不執(zhí)行任何回調(diào)直到遇到錯誤菩颖。比如，上面的代碼可以簡寫為:
Parse.User.logIn("user","pass").then(function(user) {
returnquery.find();
}).then(function(results) {
returnresults[0].save({ key: value });
}).then(function(result) {
// the object was saved.
},function(error) {
// there was some error.
});
通常对供，開發(fā)者認(rèn)為一個異步的promise失敗等同于拋出一個異常位他。事實上氛濒，如果一個回調(diào)拋出一個錯誤，promise將返回失敗信息鹅髓。把錯誤傳遞到下一個可用的錯誤處理器等同于拋出一次異常直到捕獲處理舞竿。
romises/A規(guī)范
<small>注：為了便于理解，描述可能和Promises/A規(guī)范有所出入窿冯；
?CommonJS之Promises/A規(guī)范骗奖，通過規(guī)范API接口來簡化異步編程，使我們的異步邏輯代碼更易理解醒串。遵循Promises/A規(guī)范的實現(xiàn)我們稱之為Promise對象执桌，Promise對象有且僅有三種狀態(tài)：unfulfilled（未完成）、fulfilled（已完成）芜赌、failed（失敗/拒絕）仰挣；初始創(chuàng)建的時候是unfulfilled（未完成）狀態(tài)，狀態(tài)只可以從unfulfilled（未完成）變成fulfilled（已完成）缠沈，或者unfulfilled（未完成）變成failed（失敗/拒絕）膘壶。狀態(tài)一旦變成fulfilled（已完成）或者failed（失敗/拒絕），狀態(tài)就不能再變了洲愤。
Promises/A規(guī)范提供了一個在程序中描述延時（或?qū)恚└拍畹慕鉀Q方案颓芭。主要的思想不是執(zhí)行一個方法然后阻塞應(yīng)用程序等待結(jié)果返回后再回調(diào)其他方法，而是返回一個Promise對象來滿足未來監(jiān)聽柬赐。fulfilled狀態(tài)和failed狀態(tài)都可以被監(jiān)聽亡问。Promise通過實現(xiàn)一個then接口來返回Promise對象來注冊回調(diào)：
復(fù)制代碼代碼如下:
then(fulfilledHandler, errorHandler, progressHandler)；
?then接口用于監(jiān)聽一個Promise的不同狀態(tài)肛宋。fulfilledHandler用于監(jiān)聽fulfilled（已完成）狀態(tài)州藕，errorHandler用于監(jiān)聽failed（失敗/拒絕）狀態(tài)，progressHandler用于監(jiān)聽unfulfilled（未完成）狀態(tài)酝陈。Promise不強制實現(xiàn)unfulfilled（未完成）的事件監(jiān)聽（例如我們知道舊版本的jQuery（1.5慎框，1.6）的Deferred就是一個Promise的實現(xiàn)，但沒有實現(xiàn)對unfulfilled（未完成）狀態(tài)的監(jiān)聽來回調(diào)progressHandler）后添。
一般認(rèn)為笨枯，then接口返回的是一個新的Promise對象，而不是原來的Promise對象遇西，這個新的新的Promise對象可以理解為是原來Promise對象的一個視圖馅精，它只包含原有Promise對象的一組方法，這些方法只能觀察原有Promise對象的狀態(tài)粱檀，而無法更改deferred對象的內(nèi)在狀態(tài)洲敢。這樣可以避免多個調(diào)用者之間的沖突，多個調(diào)用者可以通過改變新的Promise對象狀態(tài)而不影響別的調(diào)用者茄蚯。
另外压彭，Promise提供了resolve（實現(xiàn)狀態(tài)由未完成到已完成）和reject（實現(xiàn)狀態(tài)由未完成到拒絕或失斈烙拧）兩個接口實現(xiàn)狀態(tài)的轉(zhuǎn)變。</small>
發(fā)一張圖片幫助理解一下：
