顯示廣告
隱藏 ✕
※ 本文為 terievv 轉寄自 ptt.cc 更新時間: 2017-03-31 18:04:42
看板 Ajax
作者 ZAbird (炸鳥)
標題 [問題] 同步變數接異步函數返回值
時間 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
dannypsnl: 不行啊,你setTimeout立刻返回,直到它操作完成才會執1F 03/12 07:00
dannypsnl: 行,應該是把對X設值的動作移到setTimeout的callback裡
dannypsnl: 面才對
ZAbird: 我只是用模擬的方式表達..實際上是要完成其他很多function4F 03/12 07:26
ZAbird: 如果我把 var x 丟到setTimeout 裡面 問題還是無解
ZAbird: 我要的是在global 的地方接到這個值所以還要return回main
ZAbird: 工作才算完成..
ZAbird: 我現在是已經用promise 解決了..但是對promise的用法觀念
ZAbird: 還非常模糊, 希望有人能藉由這個例子淺顯的說明, 感激不盡
Qiqi: getValue要寫return new Primise(...)10F 03/12 11:43
Qiqi: 然後就可以用x.then(...)去拿到值
Qiqi: mdn有例子可以看
Qiqi: https://goo.gl/qDhLxu
Promise - JavaScript | MDN
[圖]
Promise 物件用於非同步運算。一個 Promise 的值表示了一個可能於現在、未來完成或是永不結束的操作。 ...

 
Qiqi: x.then裡面的function就是等promise裡面有被resolve或reject14F 03/12 11:47
Qiqi: 才會執行,這就是所謂的異步
ZAbird: 理解.感謝你! 衍伸一個問題, 如果我第一個異步返回要給16F 03/12 12:21
ZAbird: 讓第二個異步來用 然後再返回去global, 這樣我是要分別
ZAbird: 在第一個函式跟第二個函式都寫 return new Premise
ZAbird: 然後讓用第一個含式.then(function(){第二個函式})
ZAbird: 這樣的寫法嗎?還是應該有更簡潔的結構呢
vincenter: 要更簡潔要用async/await21F 03/12 14:54
vincenter: 可以研究一下callback的進化史
vincenter: callback->promise->generation/yield->async/await
vincenter:                  ^應該是generator
vincenter: 想了一下突然很疑惑,異步的值真的可以傳到所謂的
vincenter: global的地方嗎?
dnabossking: http://ptt.cc.TtCbr27F 03/28 18:40

--
※ 看板: terievv 文章推薦值: 0 目前人氣: 0 累積人氣: 160 
分享網址: 複製 已複製
r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇