JavaScript 变量作用域

Question

我已经在函数内声明了 var1 。然而，当我尝试在inner_function2中分配一个值时，似乎创建了另一个var1而不是引用第一个。

var func1 = function(response) {

    var var1;

    function inner_function2(param) {

        Ext.Ajax.request({
            url:'',
            params: param,
            success:function(result, request) { 
                var1 = a;
                }
            });
    }   

}()

Answer 1

AJAX 请求返回后，会调用 Ext.Ajax.request 的 success 回调。这意味着调用它的函数（func1() 和 inner_function2() 都已返回，并且它们的作用域已被删除。

让我们尝试显示一系列事件

1. < code>func1() 被调用
2. 局部变量 var1 被声明
3. inner_function2() 被调用（我假设你确实在某个地方调用了它）
4. Ext调用 .Ajax.request()，并声明 success 回调
5. inner_function2() 结束 - AJAX 请求在后台运行
6. func1() 结束，局部变量 var1 被删除（尽管它在回调作用域中仍然可用） - AJAX 请求在后台运行
7. AJAX 请求完成 - success 回调由于没有局部变量var1，因此创建了一个全局变量并为其分配了值a（请参阅下面的注释，了解为什么要删除它） ). 局部变量 var1 在回调的作用域中仍然可用，但是一旦回调结束，该变量就不再在任何地方可用，因此您无法使用它。

请记住，AJAX 中的“A”代表“异步”。

Answer 2

我建议您在代码中明确指定范围。你可以这样做：

var func1 = function(response) {
  var var1;
  var outer_scope = this;

  function inner_func2(param) {
    Ext.Ajax.request({
      url: '',
      params: param,
      scope: outer_scope,
      success: function(result, request) {
        var1 = a;
      }
    });
  }
}()

希望它有效！