[問題] 同步變數接異步函數返回值

作者: ZAbird (炸鳥)   2017-03-12 05:54:36
雖然這個問題有點蠢, 但是爬過相關文章都看不太懂. 目前是看到利用Promise
來解決, 但是找到的例子有點複雜不太能消化. 想請求大神幫忙.
舉個最簡單的例子 我今天想要做這樣的事情:
var x = getValue();
function getValue(){
var temp;
setTimeout(function(){temp = 3}, 2000);
return temp
}
這時候因為執行返回時 temp 還沒有被賦值, 所以x 會是undefined.
我該怎麼用promise 來讓我確定拿到我要得值才返回給 x 接住呢.
或者有其他技術可以實現. 不好意思, 初學js. 請指點迷津, 謝謝!
作者: dannypsnl (秦書)   2017-03-12 07:00:00
不行啊,你setTimeout立刻返回,直到它操作完成才會執行,應該是把對X設值的動作移到setTimeout的callback裡面才對
作者: ZAbird (炸鳥)   2017-03-12 07:26:00
我只是用模擬的方式表達..實際上是要完成其他很多function如果我把 var x 丟到setTimeout 裡面 問題還是無解我要的是在global 的地方接到這個值所以還要return回main工作才算完成..我現在是已經用promise 解決了..但是對promise的用法觀念還非常模糊, 希望有人能藉由這個例子淺顯的說明, 感激不盡
作者: Qiqi (潑潑)   2017-03-12 11:43:00
getValue要寫return new Primise(...)然後就可以用x.then(...)去拿到值mdn有例子可以看https://goo.gl/qDhLxux.then裡面的function就是等promise裡面有被resolve或reject才會執行,這就是所謂的異步
作者: ZAbird (炸鳥)   2017-03-12 12:21:00
理解.感謝你! 衍伸一個問題, 如果我第一個異步返回要給讓第二個異步來用 然後再返回去global, 這樣我是要分別在第一個函式跟第二個函式都寫 return new Premise然後讓用第一個含式.then(function(){第二個函式})這樣的寫法嗎?還是應該有更簡潔的結構呢
作者: vincenter (Salut...)   2017-03-12 14:54:00
要更簡潔要用async/await可以研究一下callback的進化史callback->promise->generation/yield->async/await^應該是generator想了一下突然很疑惑,異步的值真的可以傳到所謂的global的地方嗎?
作者: dnabossking (少狂)   2017-03-28 18:40:00

Links booklink

Contact Us: admin [ a t ] ucptt.com