Re: [問題] 把非同步模擬成同步的問題

看板Web_Design作者awpadam (adam!)時間7年前 (2018/06/21 13:17)推噓3(3推 0噓 3→)

留言6則, 4人參與討論串2/2 (看更多)

各位好，上一篇文章中很多版友都建議我使用 await 的方法不過我研究了一下之後發現，await好像和promise一樣都是在處理非同步與非同步間的流程控制好像沒辦法達到 : 在同步與非同步交互流程中把非同步的函式模擬成同步的例如下面的例子 function resolveAfter2Seconds(x) { return new Promise(resolve => { setTimeout(() => { resolve(x); }, 2000); }); } async function getService() { return await resolveAfter2Seconds(10); } var value = getService(); console.log(value); console.log(222); //處理 getService() 後的後續流程執行結果： Promise {<pending>} 222 (在不把 console.log(222) 包成 callback 的情況下) 請問是否有任何辦法讓這隻程式變成執行結果： 10 222 我總覺得這個問題好像很難先祝各位大大有愉快的一天~ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.216.7.85 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1529558266.A.2B5.html ※ 編輯: awpadam (61.216.7.85), 06/21/2018 13:23:19

→

Kenqr

06/21 16:37, 7年前 , 1^F

06/21 16:37, 1^F

我看 await 只能寫在有宣告成 async 的函數裡面那我是不是我應該將外部整個包成一個 async function 呢? 如果是這樣的話，終究還是逃不了要處理 //執行service的後續步驟這邊的code ※ 編輯: awpadam (61.216.7.85), 06/21/2018 17:32:20

推

oToToT

06/21 17:40, 7年前 , 2^F

06/21 17:40, 2^F

剛剛也是想這樣，後續的程式碼超級多我對async不熟，不知道這樣包會不會怎樣而且我還要用babel轉成相容性的代碼，感覺不知道會出什麼事我先來研究async到底在做什麼事謝謝你們喔 ※ 編輯: awpadam (223.136.246.132), 06/21/2018 17:49:44

推

eight0

06/23 03:18, 7年前 , 3^F

06/23 03:18, 3^F

看起來你的結論也是：沒辦法不過像上面寫的，把整塊用匿名函式包起來，前面加上async 然後裡面的非同步函式用 await 也的確可以運作只是寫完之後要用babel轉成瀏覽器可支援的code ※ 編輯: awpadam (123.193.141.167), 06/23/2018 10:32:26

推

eight0