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

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

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;
      }
    });
  }
}()

希望它有效！

Answer 2

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

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

1. func1() 被调用
2. 声明了局部变量var1
3. inner_function2() 被调用（我假设你在某处调用它）
4. Ext.Ajax.request() 被调用，并声明了 success 回调
5. inner_function2() 结束 - AJAX 请求正在后台运行
6. func1() 结束，局部变量 var1 被删除（它仍然在回调范围内可用）- AJAX 请求在后台运行
7. AJAX 请求完成 - 调用 success 回调。 由于没有局部变量var1，所以创建了一个全局变量并赋值为a（请参阅下面的 cmets 删除它的原因）。局部变量var1在回调的范围内仍然可用，但是一旦回调结束，该变量在任何地方都不再可用，所以你不能使用它。

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