全局变量和异步数据

Question

我的全局变量n:有问题

var n ;
socket.on('connect', function(){
socket.on('news', function  (mensaje) {
 n = mensaje.data; 
$('#string').val(n);  //  show  data
  });  
  $('#string1').val(n);    // I can't see anything, why?
 ...});
 //

首先，我的全局变量n只显示在socket.on内部，但我希望它显示该函数。

Answer 1

问题是，当有问题的行执行时，socket.on没有完成（或调用回调）。这是因为on是异步操作：它立即返回，并在收到数据时"稍后"调用回调。只有在运行了on回调之后，才能使用数据。

以下是执行顺序的示例，其中1在2之前、3之前"运行"，等等：

// 1
var n;
socket.on('connect', function(){
  // 2
  socket.on('news', function  (mensaje) { // "on callback"
    // 4
    n = mensaje.data;
    // 5
    $('#string').val(n);
  });
  // 3 - note that this occurs *before* 4 & 5
  //     which run in the asynchronous callback
  //     so n has not been assigned yet
  $('#string1').val(n);
})

解决方案是仅在分配变量后使用该变量，这只有在on回调运行后才能保证。（Promises使链接一堆依赖的异步操作变得非常容易。）