Jquery，从函数访问变量

Question

我有这个代码

function getSelectData(id) {
    jQuery(id).change(function () {
        var value='';
        jQuery(id+" option:selected").each(function () {
            value =jQuery(this).val() ; 
        });
        console.log(value);
    });
    return value;
}

var d = getSelectData("#sort_post_date");
console.log(d);

我如何访问变量“值”，我尝试了不同的方法，但没有，console.log(value) 在哪里； ，值退出，但外面什么都没有，谢谢你的帮助！

Answer 1

您不需要将值移动到函数之外，以便将其绑定到闭包。像这样：

function getSelectData(id) {
    var value='';

    // set value to be the current selected value
    value = jQuery(id+" option:selected").val();

    // change value whenever the box changes
    jQuery(id).change(function () {
        value = jQuery(id+" option:selected").val();
        console.log("I see a change! -> "+value);
    });

    console.log(value);
    return value;
}

var d = getSelectData("#sort_post_date");
console.log(d);

这是证明它有效的小提琴：http://jsfiddle.net/ZvuMh/

Answer 2

这是一个经典的闭包问题。这里有一些最相似的

Event handlers inside a Javascript loop - need a closure?

javascript timer or intervals created in loop using closure

Javascript closure inside loops - simple practical example

底线，value 变量不是您正在创建的事件处理程序的本地变量。因此，所有您创建的处理程序将具有value 在外部函数结束时所具有的值。在这种情况下，它仍然是空白的。

Answer 3

您不能在声明它的函数之外访问您的值变量。这称为变量范围。阅读变量范围here

如果你想能够访问一个变量，你需要在一个至少和它被声明的那个一样通用的范围内。

所以在这种情况下：

function getSelectData(id){
    var value='';        
    jQuery(id).change(function () {
        jQuery(id+" option:selected").each(function () {
            value =jQuery(this).val() ; 
        });

        console.log(value);
    });
    return value;
}

var d=getSelectData("#sort_post_date");
console.log(d);

Answer 4

尝试在全局范围内定义 value 变量：

var value='';

function getSelectData(id) {
    jQuery(id).change(function () {
        value='';
        jQuery(id+" option:selected").each(function () {
            value =jQuery(this).val() ; 
        });
    console.log(value);
    });
    return value;
}

在这里返回“值”也没有意义，因为它是在事件处理程序中设置的......在返回点那里不会有任何东西（或者，只是一个旧值）。