作者ZAbird (炸鳥)
看板Ajax
標題[問題] 同步變數接異步函數返回值
時間Sun Mar 12 05:54:36 2017
雖然這個問題有點蠢, 但是爬過相關文章都看不太懂. 目前是看到利用Promise
來解決, 但是找到的例子有點複雜不太能消化. 想請求大神幫忙.
舉個最簡單的例子 我今天想要做這樣的事情：
var x = getValue();
function getValue(){
var temp;
setTimeout(function(){temp = 3}, 2000);
return temp
}
這時候因為執行返回時 temp 還沒有被賦值, 所以x 會是undefined.
我該怎麼用promise 來讓我確定拿到我要得值才返回給 x 接住呢.
或者有其他技術可以實現. 不好意思, 初學js. 請指點迷津, 謝謝！
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 75.109.208.14
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1489269278.A.6D9.html
1F：→ dannypsnl: 不行啊，你setTimeout立刻返回，直到它操作完成才會執 03/12 07:00
2F：→ dannypsnl: 行，應該是把對X設值的動作移到setTimeout的callback裡 03/12 07:00
3F：→ dannypsnl: 面才對 03/12 07:00
4F：→ ZAbird: 我只是用模擬的方式表達..實際上是要完成其他很多function 03/12 07:26
5F：→ ZAbird: 如果我把 var x 丟到setTimeout 裡面 問題還是無解 03/12 07:27
6F：→ ZAbird: 我要的是在global 的地方接到這個值所以還要return回main 03/12 07:28
7F：→ ZAbird: 工作才算完成.. 03/12 07:28
8F：→ ZAbird: 我現在是已經用promise 解決了..但是對promise的用法觀念 03/12 07:29
9F：→ ZAbird: 還非常模糊, 希望有人能藉由這個例子淺顯的說明, 感激不盡 03/12 07:29
10F：推 Qiqi: getValue要寫return new Primise(...) 03/12 11:43
11F：→ Qiqi: 然後就可以用x.then(...)去拿到值 03/12 11:44
12F：→ Qiqi: mdn有例子可以看 03/12 11:45
14F：推 Qiqi: x.then裡面的function就是等promise裡面有被resolve或reject 03/12 11:47
15F：→ Qiqi: 才會執行，這就是所謂的異步 03/12 11:47
16F：→ ZAbird: 理解.感謝你! 衍伸一個問題, 如果我第一個異步返回要給 03/12 12:21
17F：→ ZAbird: 讓第二個異步來用 然後再返回去global, 這樣我是要分別 03/12 12:22
18F：→ ZAbird: 在第一個函式跟第二個函式都寫 return new Premise 03/12 12:22
19F：→ ZAbird: 然後讓用第一個含式.then(function(){第二個函式}) 03/12 12:24
20F：→ ZAbird: 這樣的寫法嗎？還是應該有更簡潔的結構呢 03/12 12:25
21F：→ vincenter: 要更簡潔要用async/await 03/12 14:54
22F：→ vincenter: 可以研究一下callback的進化史 03/12 14:54
23F：→ vincenter: callback->promise->generation/yield->async/await 03/12 14:55
24F：→ vincenter: ^應該是generator 03/12 14:56
25F：→ vincenter: 想了一下突然很疑惑，異步的值真的可以傳到所謂的 03/12 16:02
26F：→ vincenter: global的地方嗎? 03/12 16:02