請問 JavaScript 的 Promise

javascript promise

samjam 2021-11-01 18:18:52 ‧ 789 瀏覽

分享至

'use strict';

let p1 = Promise.resolve('p1-resolve');
let p2 = p1.then(
    () => Promise.resolve('p2-resolve'),
    () => {}
)
.then(
    () => setTimeout(console.log, 0, 'resolve'),
    () => setTimeout(console.log, 0, 'reject')
);

setTimeout(console.log, 0, p1);
setTimeout(console.log, 0, p2);

在 Firefox 主控台顯示：

Promise { <state>: "fulfilled", <value>: "p1-resolve" }
Promise { <state>: "fulfilled", <value>: 4 }
resolve

請問：
我預期 p2 顯示的值是 "p2-resolve"，
但為何卻是 4 呢？

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

wrxue

iT邦好手 1 級 ‧ 2021-11-01 18:46:15

最佳解答

因為最後的 then 回傳的是

setTimeout(console.log, 0, 'resolve')

所以那個 4 是 setTimeout 的回傳值 timeoutID
參考setTimeout()#Return value

如果是下面這樣，就會得到你想要的結果

let p1 = Promise.resolve('p1-resolve');
let p2 = p1.then(
    () => {
        setTimeout(console.log, 0, 'resolve')
        return Promise.resolve('p2-resolve');
    },
    () => {}
)

setTimeout(console.log, 0, p1);
setTimeout(console.log, 0, p2);

Promise {<fulfilled>: 'p1-resolve'}
Promise {<fulfilled>: 'p2-resolve'}
resolve

回應 3
分享
檢舉

samjam iT邦新手 3 級 ‧ 2021-11-01 19:07:36 檢舉

謝謝您的回答，
可是 p2 應該是第一個 p1.then 回傳的 Promise 實例，
最後的 then 回傳的是另一個新的 Promise 實例，
不是應該每個 then 都會回傳一個新實例嗎？

wrxue iT邦好手 1 級 ‧ 2021-11-01 19:38:22 檢舉

p1.then 會回傳的 Promise 沒錯，
但這個 Promise(即 p1.then) 又接了一個 then，導致他又去執行一次 then，所以最後回傳的 Promise 是 p1.then.then

samjam iT邦新手 3 級 ‧ 2021-11-01 19:42:51 檢舉

原來 p2 取得的是最後的 then 回傳的實例，
這樣我了解囉，
謝謝您！

登入發表回應

我要發表回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙