JavaScript 变量详解

JavaScript 变量详解

在 JavaScript 编程中，变量是存储数据的容器。理解变量的概念、声明方式、作用域和生命周期对于编写高效、可维护的代码至关重要。本文将详细介绍 JavaScript 变量的相关知识，并通过丰富的示例帮助你更好地理解。

1. 变量的声明

在 JavaScript 中，变量可以通过三种关键字来声明：var、let 和 const。每种声明方式都有其特定的用途和行为。

1.1 var 关键字

var 是最早用于声明变量的关键字，具有函数作用域。

function exampleVar() {
   
   
    var x = 10;
    if (true) {
   
   
        var x = 20; // 这里的 x 和上面的 x 是同一个变量
        console.log(x); // 输出 20
    }
    console.log(x); // 输出 20
}
exampleVar();

1.2 let 关键字

let 是 ES6 引入的关键字，具有块级作用域。

function exampleLet() {
   
   
    let x = 10;
    if (true) {
   
   
        let x = 20; // 这里的 x 和上面的 x 是不同的变量
        console.log(x); // 输出 20
    }
    console.log(x); // 输出 10
}
exampleLet();

1.3 const 关键字

const 也是 ES6 引入的关键字，用于声明常量，具有块级作用域。常量一旦声明，其值就不能改变。

function exampleConst() {
   
   
    const x = 10;
    if (true) {
   
   
        const x = 20; // 这里的 x 和上面的 x 是不同的变量
        console.log