首頁(yè) 猿問(wèn) 初識(shí)JS中的Promise的兩個(gè)基礎(chǔ)問(wèn)題

初識(shí)JS中的Promise的兩個(gè)基礎(chǔ)問(wèn)題

JavaScript

阿晨1998 2018-10-18 15:11:41

剛開(kāi)始學(xué)習(xí)JavaScript中的promise，看到一篇不錯(cuò)的文章，但是產(chǎn)生了兩個(gè)小問(wèn)題。文中有這樣一段代碼：var promise = new Promise(function(resolve, reject) { resolve(1); }); promise.then(function(val) { console.log(val); // 1 return val + 2; }).then(function(val) { console.log(val); // 3});對(duì)于上面的調(diào)用有點(diǎn)疑惑，平時(shí)所見(jiàn)的相似的調(diào)用大概是string.split('').reverse()這樣的，是把字符轉(zhuǎn)化為數(shù)組之后由數(shù)組調(diào)用它的reverse方法。可是上面的代碼return的是一個(gè)數(shù)值，數(shù)值怎么還能調(diào)用后續(xù)的then方法呢？后面還有一段話(huà)：當(dāng)你從 then 的回調(diào)函數(shù)返回的時(shí)候，這里有點(diǎn)小魔法。如果你返回一個(gè)值，它就會(huì)被傳給下一個(gè) then 的回調(diào)；而如果你返回一個(gè)“類(lèi) Promise”的對(duì)象，則下一個(gè) then 就會(huì)等待這個(gè) Promise 明確結(jié)束（成功/失?。┎艜?huì)執(zhí)行。這樣就說(shuō)明了其實(shí)上面的代碼其實(shí)是調(diào)用了兩次promise的then方法？這樣感覺(jué)有點(diǎn)怪怪的，和我之前所說(shuō)的字符-->數(shù)組-->數(shù)組的reverse這個(gè)例子似乎有點(diǎn)不搭。第二個(gè)問(wèn)題是上面那段話(huà)中的“類(lèi) Promise”的對(duì)象到底是什么？如何突出這個(gè)“類(lèi)”字呢？百度了一下似乎沒(méi)有發(fā)現(xiàn)。。剛開(kāi)始學(xué)習(xí)，見(jiàn)諒～

查看完整描述

1 回答

郎朗坤

TA貢獻(xiàn)1921條經(jīng)驗(yàn) 獲得超9個(gè)贊

首先確認(rèn)的一點(diǎn)是，then是Promise的實(shí)例方法。

var promise = new Promise(function(resolve, reject) {
  resolve(1);
});var p = promise.then(function(val) {  console.log(val); // 1
  return val + 2;
})

你的理解是這里的p，是return的值，其實(shí)并不是，這里的p是Promise的實(shí)例：

實(shí)現(xiàn)鏈?zhǔn)秸{(diào)用的原理就是每次調(diào)用完then方法，都會(huì)返回一個(gè)Promise的實(shí)例，所以一直能調(diào)用下去，只不過(guò)區(qū)別在于，如果return的是個(gè)值，則PromiseStatus狀態(tài)始終是resolved，值為下次then傳的參數(shù)。

舉個(gè)例子，如果return的不是值，而是個(gè)promise實(shí)例，則會(huì)根據(jù)不同的狀態(tài)，返回不同的結(jié)果：

var promise1 = new Promise(function(resolve, reject) {
  resolve(1);
});var promise2 = new Promise(function(resolve, reject) {
  reject(3);
});
promise1.then(function(val) {  console.log(val); // 1
  return promise2;
}).then(function(val) {  console.log('成功' + val); 
},function(val){  console.log('失敗' + val) // 失敗3});

反對(duì) 回復(fù) 2018-11-15