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。

Answer 2

吊装：

你的第二个代码：

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

实际上是：

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

同样的问题：

var test = 1;
function scope(){
    if (typeof test =="undefined") alert(2)

    var test = 2;
}
scope();
alert(test);