JavaScript var-JavaScript中文网-JavaScript教程资源分享门户

变量的基本概念

在JavaScript中，变量是用来存储数据值的容器。使用变量可以将数据存储起来，以便在程序中的其他地方进行引用或修改。变量的名称通常被称为标识符。

声明变量

使用 `var` 关键字

在ES5及更早版本中，var 是用来声明变量的关键字。使用 var 声明变量时，可以在函数内部或全局作用域中定义。但是，由于 var 存在一些问题，例如变量提升和作用域链的问题，因此在现代JavaScript开发中，建议尽量避免使用 var，转而使用 let 和 const。

var name = "张三";
var age = 20;

变量提升

使用 var 声明的变量会存在变量提升的现象。也就是说，在声明之前，变量已经存在了，但此时它的值为 undefined。这可能会导致一些意外的行为。

console.log(name); // 输出 undefined
var name = "张三";

在上面的例子中，尽管 name 变量是在 console.log 之后声明的，但在执行到 console.log 语句时，name 已经被提升到当前作用域的顶部，并且其值为 undefined。

变量的作用域

全局作用域

如果变量在任何函数之外声明，则该变量具有全局作用域，可以在任何地方访问它。

var globalVar = "这是全局变量";

function test() {
    console.log(globalVar);
}

test(); // 输出 "这是全局变量"

函数作用域

如果变量在函数内部声明，则该变量仅在该函数内部可见。这意味着，如果在另一个函数中尝试访问该变量，则无法访问。

// www.javascriptcn.com code example
function outerFunction() {
    var localVar = "这是局部变量";

    function innerFunction() {
        console.log(localVar);
    }

    innerFunction();
}

outerFunction(); // 输出 "这是局部变量"
// innerFunction(); // 报错，因为 innerFunction 不是全局可访问的

重复声明

使用 var 声明变量时，可以在同一个作用域内多次声明同一个变量，但这不会产生错误。实际上，这样做会导致该变量的值被重新赋值为最新的值。

var x = 10;
var x = 20; // 重新声明并赋值

console.log(x); // 输出 20

作用域链

当一个函数内部声明了一个变量时，该变量不仅存在于该函数的作用域中，还存在于其外部函数的作用域中，依此类推，直到全局作用域。这种机制称为作用域链。

// www.javascriptcn.com code example
var globalVar = "这是全局变量";

function outerFunction() {
    var outerVar = "这是外部函数的变量";

    function innerFunction() {
        var innerVar = "这是内部函数的变量";
        console.log(globalVar);
        console.log(outerVar);
        console.log(innerVar);
    }

    innerFunction();
}

outerFunction();

在这个例子中，innerFunction 可以访问 globalVar 和 outerVar，因为它们存在于作用域链上。

总结

虽然 var 在早期的JavaScript编程中非常常用，但由于其存在的变量提升和作用域链的问题，现在推荐使用 let 和 const 来替代 var。这样可以避免许多潜在的陷阱，并使代码更加清晰和易于维护。

JavaScript var