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);

如何访问变量“value”，我尝试了不同的方法，但没有任何结果，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

这是一个经典的封闭式问题。以下是一些最相似的

Javascript 循环内的事件处理程序- 需要闭包？

已创建 JavaScript 计时器或间隔在循环中使用闭包

循环内的Javascript闭包 - 简单的实际示例

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

Answer 3

您无法在声明它的函数之外访问您的值变量。这称为变量范围。在此处阅读变量作用域

如果您希望能够访问变量，您需要位于一个至少与声明它的范围一样通用的范围内。

所以在这种情况下：

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

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

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;
}

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