JavaScript的范围问题

Question

代码片段如下：

$(this).parents('td:first').next().find('option').customizeMenu('myMenu2'); 

这工作，但：

var listener = function(){ 
$(this).parents('td:first').next().find('option').customizeMenu('myMenu2'); 
}; 
listener(); 

不工作，为什么和如何解决？

Answer 1

'this'在放入函数时不指向同一个对象，它指向当前函数（在您的情况下为'listener'）。把它作为一个参数来代替，如果这是一个选项（这取决于你如何调用你的函数）。

var listener = function(obj){ 
$(obj).parents('td:first').next().find('option').customizeMenu('myMenu2'); 
}; 

listener(this); 

Answer 2

this是函数。尝试：

var listener = function(element){ 
    $(element).parents('td:first').next().find('option').customizeMenu('myMenu2'); 
}; 
listener(this);