可以从ajax回调函数中查看父函数的变量吗?

时间:2012-10-19 05:48:40

标签: javascript jquery ajax closures

function validateHistoryId(input) {
    $.getJSON('request.php', {"action": "historyExists", "history_id" : input.value},
              function(data) {
                  console.log(input.value);
              }
    );
}

我从javascript函数使用jQuery ajax调用。我尝试了上面的代码并且它可以工作,但我不知道将来是否会引起任何问题。

我想知道,ajax回调函数可以看到它的父函数的变量吗?这样做是不好的做法?

1 个答案:

答案 0 :(得分:10)

这是JavaScript功能性的做事方式。它被称为闭包:函数从其当前作用域和任何其他父作用域携带变量指针。 因此,这不仅是良好的做法,而且这是您应该遵循的模式,而不是推动参数对象等。

请注意,“this”引用是特殊的,它永远不会关闭(与任何其他引用相反),因此始终将全局对象指向匿名函数。

事实上,开发人员需要一些时间来充分利用关闭功能的强大功能 - 这是您刚才编写的一个基本示例。在更高级(而不仅仅是异步)方案中,闭包可以帮助您创建“即发即弃”行为,或者可以为您提供无法从客户端代码访问的“私有”变量(对库开发很有用)。 Closure还可以帮助您隔离代码,使其不会影响全局范围。

1)示例:如何使用闭包创建受保护变量。您可以访问两个可以访问“protectedVariable”的方法,但是您无法自己访问它 - 因此可以保证控制。

function protectedScope(initData) {
  var protectedVariable = initData;

  return {
    getter: function()  { return protectedVariable; }
    setter: function(v) { protectedVariable = v; }
  }
}

var methods = protectedScope(10);

console.log(methods.getter());

2)隔离:即使使用“全局”函数定义

,以下代码也不会淹没全局范围
var API = (function() {
   var protectedVariable = 0;

   var myNotGlobalFunction() {
      return protectedVariable;
   }

   return myNotGlobalFunction;
})();