3

我有一个同事问我为什么他不能从回调函数中访问事件参数。事实证明，jquery 似乎在调用完成后将事件设置为 null 并创建一个临时局部变量解决了问题（见下文）。

然后这让我想到，为什么“消息”甚至可用于回调。有人可以解释一下吗？

$('some seletor').click({msg: message},function(event){
    alert(event.data.msg); //event.data.msg is not available to the json callback because event is null
    var message = event.data.msg; //message will be available to the callback...why?
    $.getJSON('ajax/test.json', function(data) {
        alert(message); //works ok - why is the message variable visible here at all, should it not have gone out of scope when the above function ended?
        alert(event.data.msg); //will crash, seems that event has been set to null by the framework after the function finished
    });    
});
4

3 回答 3

4

存在于给定范围内的任何变量都可用于该范围内定义的所有函数。（这就是在 JS 中定义作用域的方式，如果你想了解它是如何定义的，那么语言规范的这一部分可能是一个很好的切入点）。

由于定义回调的函数表达式在定义变量的函数内部，因此该变量对其可用。

于 2013-06-08T08:45:16.783 回答
3

尝试这个：

$('some seletor').click({msg: message},function(ev){
    alert(ev.data.msg);
    var message = ev.data.msg;
    $.getJSON('ajax/test.json', function(data) {
        alert(message);
        alert(ev.data.msg);
    });    
});

而不是event. 因为 event 是全局对象window.event，并且在 event 完成时它变得未定义。您可以使用事件对象而不从参数中获取它，如下所示：

$('some seletor').click({msg: message},function(){
    alert(event.data.msg);   
});
于 2013-06-08T08:40:29.833 回答
0

如果您原谅伪代码-尝试将其视为嵌套块-这种事情

function foo()
{
  int bar=0;

  //inner block
  {
    bar++;
  }

}

或更具体地说

function click()
{
 variable {msg: message}

  //inner block
  function(ev) 
  {
   ....     
  }
}
于 2013-06-08T08:56:24.123 回答