※ 本文為 terievv 轉寄自 ptt.cc 更新時間: 2017-03-31 18:04:42
看板 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
※ 文章代碼(AID): #1On78URP (Ajax)
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1489269278.A.6D9.html
→ : 不行啊,你setTimeout立刻返回,直到它操作完成才會執1F 03/12 07:00
→ : 行,應該是把對X設值的動作移到setTimeout的callback裡
→ : 面才對
→ : 行,應該是把對X設值的動作移到setTimeout的callback裡
→ : 面才對
→ : 我只是用模擬的方式表達..實際上是要完成其他很多function4F 03/12 07:26
→ : 如果我把 var x 丟到setTimeout 裡面 問題還是無解
→ : 我要的是在global 的地方接到這個值所以還要return回main
→ : 工作才算完成..
→ : 我現在是已經用promise 解決了..但是對promise的用法觀念
→ : 還非常模糊, 希望有人能藉由這個例子淺顯的說明, 感激不盡
→ : 如果我把 var x 丟到setTimeout 裡面 問題還是無解
→ : 我要的是在global 的地方接到這個值所以還要return回main
→ : 工作才算完成..
→ : 我現在是已經用promise 解決了..但是對promise的用法觀念
→ : 還非常模糊, 希望有人能藉由這個例子淺顯的說明, 感激不盡
推 : getValue要寫return new Primise(...)10F 03/12 11:43
→ : 然後就可以用x.then(...)去拿到值
→ : mdn有例子可以看
→ : https://goo.gl/qDhLxu
→ : 然後就可以用x.then(...)去拿到值
→ : mdn有例子可以看
→ : https://goo.gl/qDhLxu
推 : x.then裡面的function就是等promise裡面有被resolve或reject14F 03/12 11:47
→ : 才會執行,這就是所謂的異步
→ : 才會執行,這就是所謂的異步
→ : 理解.感謝你! 衍伸一個問題, 如果我第一個異步返回要給16F 03/12 12:21
→ : 讓第二個異步來用 然後再返回去global, 這樣我是要分別
→ : 在第一個函式跟第二個函式都寫 return new Premise
→ : 然後讓用第一個含式.then(function(){第二個函式})
→ : 這樣的寫法嗎?還是應該有更簡潔的結構呢
→ : 讓第二個異步來用 然後再返回去global, 這樣我是要分別
→ : 在第一個函式跟第二個函式都寫 return new Premise
→ : 然後讓用第一個含式.then(function(){第二個函式})
→ : 這樣的寫法嗎?還是應該有更簡潔的結構呢
→ : 要更簡潔要用async/await21F 03/12 14:54
→ : 可以研究一下callback的進化史
→ : callback->promise->generation/yield->async/await
→ : ^應該是generator
→ : 想了一下突然很疑惑,異步的值真的可以傳到所謂的
→ : global的地方嗎?
→ : 可以研究一下callback的進化史
→ : callback->promise->generation/yield->async/await
→ : ^應該是generator
→ : 想了一下突然很疑惑,異步的值真的可以傳到所謂的
→ : global的地方嗎?
--
※ 看板: terievv 文章推薦值: 0 目前人氣: 0 累積人氣: 160
回列表(←)
分享