JavaScript 变量用于存储数据值,是程序中的基本元素之一。在 JavaScript 中,变量的声明和赋值可以通过关键字 var、let 或 const 来完成。

1. 使用 var 声明变量(ES5)

var 是 ES5 中声明变量的关键字,它存在提升(hoisting)的特性,但它的作用域是函数级的,而非块级。
var x;  // 声明变量 x
x = 5;  // 赋值 5 给变量 x

var y = "Hello";  // 声明并赋值字符串给变量 y

// var 声明的变量在整个函数内部都是可见的
function example() {
    var z = 10;
    console.log(z);
}

example();  // 输出 10
console.log(z);  // 在这里会产生错误,因为 z 不在这个作用域中可见

2. 使用 let 声明变量(ES6)

let 是 ES6 引入的新关键字,它修复了 var 的一些问题,例如块级作用域和不存在提升。
let a;  // 声明变量 a
a = 5;  // 赋值 5 给变量 a

let b = "World";  // 声明并赋值字符串给变量 b

// let 声明的变量在块级作用域内可见
if (true) {
    let c = 20;
    console.log(c);  // 输出 20
}

console.log(c);  // 在这里会产生错误,因为 c 不在这个作用域中可见

3. 使用 const 声明常量(ES6)

const 用于声明常量,常量的值在声明后不能被修改。
const PI = 3.14;  // 声明常量 PI

// 常量的值不能被修改
// PI = 3.14159;  // 这行代码会导致错误

const colors = ["red", "green", "blue"];  // 声明常量数组

colors.push("yellow");  // 可以向数组添加元素
console.log(colors);  // 输出 ["red", "green", "blue", "yellow"]

4. 变量命名规则

  •  变量名可以包含字母、数字、下划线 _ 和美元符号 $。

  •  变量名不能以数字开头。

  •  变量名对大小写敏感。

  •  避免使用 JavaScript 的关键字和保留字作为变量名。

let myVariable;    // 合法的变量名
let my_var;        // 合法的变量名
let $price;        // 合法的变量名
let counter123;    // 合法的变量名

// 以下是不合法的变量名
// let 123abc;      // 以数字开头
// let my-variable; // 包含连字符
// let if;          // 使用关键字 if

在变量的选择上,推荐使用 const 来声明不需要重新赋值的变量,使用 let 来声明可能会重新赋值的变量。这有助于提高代码的可维护性和可读性。


转载请注明出处:http://www.pingtaimeng.com/article/detail/3513/JavaScript