在异步函数中检测对全局变量的更新

Question

我在将变量更新到全局范围时遇到问题。我已经声明了一个变量state，然后当一个函数完成时我返回这个变量。这一切都有效。但是，我有另一个异步运行的函数，我正在等待 var 更新，但它永远不会获得更新的 state 值并无限期地循环“notReady”。我期望“返回状态”来更新全局范围内的变量，但事实并非如此。如何获取更新后的全局 state 变量以在先前触发的函数中更新？

var state = 'notReady';

function do(state){
   // long/heavy webGL function
   state = 'ready'
   return state; //state successfully changes to 'ready'
};

$.when( do(state) ).then(function(state) {
    console.log(state); // this logs 'ready' successfully
    return state;
});


function previousFiredFunction(){
   function waitForState(){
      if(state === 'ready'){
         // do something when ready (this is never 'ready')
      } else {
         setTimeout(waitForState, 200); 
      }
   }
   waitForState();
}
previousFiredFunction();

Answer 1

在您的 do 函数中，您有一个与全局变量 (state) 同名的函数参数。这掩盖了全局变量。并且所有“本机”变量（例如字符串和数字）都是按值传递的，而不是通过引用传递的。

简单的修复，完全失去论点。然后您将使用全局变量。

var state = 'notReady';

function fndo() {
  // long/heavy webGL function
  state = 'ready'
  return state; //state successfully changes to 'ready'
};

$.when(fndo(state)).then(function (state) {
  console.log(state); // this logs 'ready' successfully
  return state;
});


function previousFiredFunction() {
  function waitForState() {
    console.log('wfs', state);
    if (state === 'ready') {
      // do something when ready (this is never 'ready')
    } else {
      setTimeout(waitForState, 200);
    }
  }
  waitForState();
}
previousFiredFunction();

顺便说一句，我真的很惊讶你能运行这段代码，因为do 是keyword in JavaScript。我必须更改名称才能运行您的代码。