如何从 JavaScript 函数中获取值？

Question

我需要从 JavaScript 函数中获取行号：

function cap_check(){
    var row;

    $('td').change(function(){ 
        row = $(this).parent().parent().children().index($(this).parent());  
        alert(row);
    }); 

    alert(row);
}

在函数内，row 被正确警告。函数外是undefined。

Answer 1

$('td').change(function(){ })

Change 允许您传递一个回调，该回调将在值更改时运行。

所以只是通过附加回调它不会运行它。它只会在值更改时运行。由于函数的其余部分在值更改之前运行，row 的值未定义。

只需将脚本的其余部分放在回调中

Answer 2

你不应该将函数的其余部分保留在更改函数中吗？

function cap_check(){
     var row;
             //-----------------------Jquery current table row  
     $('td').change(function(){ 
           row = $(this).parent().parent().children().index($(this).parent());  

           //rest of script here
         }); 

 }

Answer 3

函数内部的row 与外部行的范围完全不同。

所以当你在change() 函数之外时，row 是未定义的，但是一旦change 被触发，row 就会得到一个值

function cap_check(){
    var row;

    $('td').change(function(){ 
        row = $(this).parent().parent().children().index($(this).parent());  
        alert(row); //only has a value on change
    }); 

    alert(row); //undefined
}

Answer 4

除了undefined 之外，拨打cap_check 不会提醒任何其他人。函数不是静态对象。当您调用一个函数时，它会在内部堆栈上创建一个新实例。 row 将被初始化为 undefined 并且新的单击处理程序将绑定到 td 元素（也可能没有用 - 因为每次调用 cap_check 时都会绑定另一个重复的事件处理程序）。

你很可能想要这样的东西：

var cap_check=(function() {
    var row;
    $('td').change(function(){ 
        row = $(this).parent().parent().children().index($(this).parent());  
        alert(row);
    }); 
    return function() {
       alert(row);
    };
}());

这是一个自执行函数。当脚本运行时，“return”之前的函数部分会立即执行，创建一次事件绑定，并返回一个引用原始函数实例的函数。这将创建一个 闭包，这意味着该函数维护对其父对象的引用（在本例中为 row 变量）。因此，您的事件处理程序和返回为 cap_check 的函数现在将始终引用 row 的同一实例。

所以 - 现在任何调用 cap_check 的代码将始终返回分配给 change 事件结果的相同值。

小提琴：

http://jsfiddle.net/RagUe/5/

（请注意，我将事件更改为“单击”而不是“更改”以使其易于测试）。