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