31

可能重复：
JavaScript 变量范围

我有几天的 HTML 选择选项的 JavaScript 函数：

// Show and hide days according to the selected year and month.
function show_and_hide_days(fp_form) {
    var select_year= $(fp_form).find("select.value_year");
    var select_month= $(fp_form).find("select.value_month");
    var select_day= $(fp_form).find("select.value_day");
    var selected_year= $.parse_int($(select_year).val());
    var selected_month= $.parse_int($(select_month).val());
    var selected_day= $.parse_int($(select_day).val());
    var days_in_month= new Date(selected_year, selected_month, 0).getDate();
    // If the number of days in the selected month is less than 28, change it to 31.
    if (!(days_in_month >= 28))
    {
        days_in_month= 31;
    }
    // If the selected day is bigger than the number of days in the selected month, reduce it to the last day in this month.
    if (selected_day > days_in_month)
    {
        selected_day= days_in_month;
    }
    // Remove days 29 to 31, then append days 29 to days_in_month.
    for (var day= 31; day >= 29; day--)
    {
        $(select_day).find("option[value='" + day + "']").remove();
    }
    for (var day= 29; day <= days_in_month; day++)
    {
        $(select_day).append("<option value=\"" + day + "\">" + day + "</option>");
    }
    // Restore the selected day.
    $(select_day).val(selected_day);
}

我的问题是 - 我可以在两个不同的 for 循环中两次声明“var day”吗？这个变量的范围是什么？这是否合法？如果我在同一个函数中两次声明同一个变量会发生什么？（内部 for 循环或外部 for 循环）？例如，如果我用“var”再次声明其中一个变量会发生什么？

如果我在 for 循环中的变量 day 之前根本不使用“var”，会发生什么？

谢谢，乌里。

PS $.parse_int 是一个 jQuery 插件，如果未指定，它会使用基数 10 调用 parseInt。

4

2 回答 2

29

函数中的任何使用都var foo将作用foo于该函数。var当声明被提升时，这发生在函数的哪个位置并不重要。

在同一个函数中的额外使用var foo在语法上是合法的，但不会产生任何影响，因为变量已经被限定为该函数。

由于它没有效果，因此有一种思想流派反对它（并赞成在var函数的最顶层使用单个函数来执行所有范围界定）以避免暗示它的重要性（对维护者来说对 JavaScript 的这个特性并不完全满意）。JSLint会提醒您注意这种用法。

于 2012-12-23T10:15:31.957 回答
5

不，你不应该。使用声明的变量var具有函数范围，而不是块范围！

重新声明一个变量 usingvar可能表明该变量是循环/块的本地变量，而它不是。

但是，您可以使用let来声明变量，以确保它是块范围的。

for (let x = 1; x <= 3; x++) {
   console.log(x)
}
    
for (let w = 65, x = String.fromCharCode(w); w <= 67; w++, x = String.fromCharCode(w)){
    console.log(x)
}

console.log(typeof x) // undefined

于 2012-12-23T10:15:18.380 回答