JavaScript 变量：入门指南
变量是 JavaScript 程序的基本构建块，用于存储和操作数据。无论您是新手还是经验丰富的开发者，理解变量及其特性都至关重要。
什么是 JavaScript 变量？
变量是存储程序中使用的信息的容器，可以理解为保存数字、文本或其他数据类型的存储空间。
JavaScript 变量的关键特性：
- JavaScript 是一种动态类型语言，这意味着变量的类型在运行时确定，无需显式声明类型。
- JavaScript 提供四种声明变量的方式：
var、let、const以及隐式声明。
JavaScript 变量命名规范
变量命名需遵循以下规则：
立即学习“Java免费学习笔记（深入）”；
-
允许字符： 变量名只能包含字母 (a-z, A-Z)、数字 (0-9)、美元符号 ($) 和下划线 (_)。
-
有效示例：
name、data1、sum
-
有效示例：
-
起始规则： 变量名不能以数字开头。
-
无效示例：
1data、10name
-
无效示例：
-
大小写敏感：
result和Result是不同的变量。 -
避免关键字： 不要使用保留字 (如
let、return、const) 作为变量名。 -
驼峰命名法： 使用驼峰命名法，例如
phoneNumber而不是phonenumber或phone_number。 - 禁止连字符： 变量名中不允许使用连字符 (-)。
- 语义化命名： 使用描述性名称，清晰表明变量存储的内容。
- 避免单字母名： 除非必要 (例如循环变量)，否则避免使用单字母名称 (如 x, a)。
JavaScript 变量类型及声明方式
- 隐式声明: JavaScript 允许直接赋值创建变量：
<code class="javascript">x = 5; // x 存储整数 5 y = 10; // y 存储整数 10 z = x + y; // z 存储 x 和 y 的和 (15) console.log(z); // 输出: 15</code>
var:
- 函数作用域或全局作用域。
- 已被
let和const逐渐取代。
语法：
<code class="javascript">var variableName = value;</code>
示例：
<code class="javascript">var numOne = 20;
var numTwo = 30;
var result = numOne + numTwo; // result = 50
console.log('result is:', result);</code>
let:
- 块作用域。
- 允许修改变量值，但不能在同一作用域内重复声明。
语法：
<code class="javascript">let variableName = value;</code>
示例：
<code class="javascript">let a = 10; a = 15; // 允许修改值 console.log(a); // 输出: 15 // let a = 20; // 错误: 同一作用域内不能重复声明</code>
const:
- 块作用域。
- 值不可修改或重新声明。
语法：
<code class="javascript">const variableName = value;</code>
示例：
<code class="javascript">const pi = 3.14; console.log(pi); // 输出: 3.14 // pi = 3.15; // 错误: 不能修改值</code>
var、let 和 const 的区别
| 关键字 | 作用域 | 可更新 | 可重新声明 | 备注 |
|---|---|---|---|---|
var |
函数作用域 | 是 | 是 | 不遵守块级作用域 |
let |
块作用域 | 是 | 否 | 用于需要更新的变量 |
const |
块作用域 | 否 | 否 | 最适合常量和不可变值 |
JavaScript 作用域
变量的作用域决定了其在程序中的可访问范围。
- 全局作用域： 在任何地方都可访问。
<code class="javascript">var globalVar = "我是全局变量"; console.log(globalVar); // 输出: 我是全局变量</code>
- 局部作用域： 在函数内部声明，仅在函数内部可访问。
<code class="javascript">function showLocal() {
var localVar = "我是局部变量";
console.log(localVar);
}
showLocal(); // 输出: 我是局部变量
// console.log(localVar); // 错误: localVar 未定义</code>
-
块作用域： 仅在声明它的代码块内可访问 (使用
let和const)。
<code class="javascript">if (true) {
let blockVar = "我是块作用域变量";
const blockConst = "我也是块作用域变量";
}
// console.log(blockVar, blockConst); // 错误: 在代码块外部不可访问</code>
-
函数作用域： 特指
var声明的变量。
重要提示：变量提升
- 使用
var声明的变量会被提升到其作用域的顶部，但其值在提升前为undefined。 -
let和const声明的变量也会被提升，但在声明前处于“暂时性死区 (TDZ)”。
示例：
<code class="javascript">console.log(a); // undefined，由于变量提升 var a = 10; // console.log(b); // ReferenceError: Cannot access 'b' before initialization let b = 20;</code>
最佳实践
- 对于不变的值使用
const。 - 对于需要更新的变量使用
let。 - 避免在现代 JavaScript 中使用
var。
常见面试问题
-
var、let和const之间的区别是什么？ - JavaScript 中变量的作用域是什么？
- 用示例解释变量提升。
- 可以为
const声明的变量重新赋值吗？ - 如果不使用
var、let或const声明变量会发生什么？ - 为什么推荐使用
let和const而不是var？ - JavaScript 中的暂时性死区 (TDZ) 是什么？
- 编写一个代码片段来演示
let和const的块作用域。 - JavaScript 中的动态类型是什么？
- JavaScript 如何处理变量的重复声明？
