JavaScript 意外的变量作用域行为

Question

我想知道一些关于作用域行为的信息。

例如我有一个变量和一个函数:

var test = 1;
function scope(){
    alert(test);
    test=2;
}
scope();
alert(test);

这将显示 1 和 2。没问题。但是如果我这样做:

var test = 1;
function scope(){
    alert(test);
    var test = 2;
}
scope();
alert(test);

这将显示“未定义”和“1”。为什么变量显示为“未定义”？

Answer 1

在第一种情况下，您没有创建任何局部变量，而是访问了从全局范围定义的 test。

var test = 1;        // Global Test - GT

function scope() {
    alert(test);     // Accesses GT
    test = 2;        // Assigns to GT
}
scope();
alert(test);         // Accesses GT

但在第二种情况下，您正在创建一个新变量，但在为其赋值之前访问它。默认情况下，所有未分配的变量都将具有 undefined。

在 JavaScript 中，变量的范围仅限于声明它们的函数。因此，当您在函数中使用 var variable_name 时，您正在创建新变量，函数的所有部分都可以访问它。此外，您正在创建一个与全局变量同名的变量。当 JavaScript 查找变量 test 时，它会首先搜索函数的局部作用域，然后会在那里找到它。因此，将使用本地 test 变量。

alert(test);     // value will be `undefined` till a value is assigned.
var test = 2;    // Declared a new variable and assigned value here

此行为称为 variable hoisting .