用 JavaScript 搭建积木：理解变量及其类型

前端

2023-10-10 11:59:26

JavaScript 变量：构建块的基础

就像盖房子需要砖块一样，JavaScript 也需要变量来存储数据和信息。变量就像一个个小盒子，可以用来暂存各种各样的值，以便在程序中使用。在 JavaScript 中，变量的声明和使用都非常简单。

要声明一个变量，可以使用三个var、let 和 const。

var： 用于声明一个全局变量或函数作用域的局部变量。在 ES6 之前，var 是声明变量的唯一方式。
let： 用于声明一个块作用域的局部变量。let 声明的变量只能在它所在的代码块内访问，一旦离开代码块，变量就会被销毁。
const： 用于声明一个只读的常量。const 声明的变量不能被重新赋值，一旦声明，它的值就固定不变。

2. 变量命名：标识符的艺术

在 JavaScript 中，变量的名字又叫做“标识符”。标识符必须以字母、下划线（_）或者美元符号（$）开头，并且区分大小写。

标识符的命名应遵循以下规则：

不能使用 JavaScript 的保留字作为标识符。
不能使用数字作为标识符的第一个字符。
不能使用空格作为标识符的一部分。
不能使用连字符（-）作为标识符的一部分。
不能使用句号（.）作为标识符的一部分。

3. 数据类型：变量内容的多样性

JavaScript 中的数据类型主要分为以下几类：

数字： 包括整数（如 1、2、3）和小数（如 1.2、3.4）。
字符串： 由双引号 (") 或单引号 (') 括起来的一系列字符。
布尔值： 只有两个值：true 和 false。
undefined： 表示变量尚未被赋值。
null： 表示变量的值是明确的空值。
对象： 由键值对组成的数据结构。
数组： 由元素组成的有序集合。
函数： 包含可被调用的代码块的数据类型。

4. 作用域：变量的可见性范围

变量的作用域是指变量在程序中可以被访问的范围。JavaScript 中有两种作用域：全局作用域和局部作用域。

全局作用域： 在全局作用域中声明的变量可以在程序的任何地方访问。
局部作用域： 在局部作用域中声明的变量只能在它所在的代码块内访问，一旦离开代码块，变量就会被销毁。

5. 声明和赋值：变量的诞生与赋能

变量的声明和赋值可以同时进行，也可以分开进行。

声明： 声明变量而不赋予它任何值。
赋值： 将一个值赋予变量。

声明变量时，可以使用 var、let 或 const 。赋值时，可以使用赋值运算符 (=)。

6. 关键字：JavaScript 的语言基石

关键字是 JavaScript 中预定义的保留字，具有特殊的含义。这些关键字不能用作变量名、函数名或其他标识符。

JavaScript 中的关键字包括：

break： 终止循环或 switch 语句。
case： 用于 switch 语句。
catch： 用于 try-catch 语句。
class： 用于声明类。
const： 用于声明常量。
continue： 继续下一个循环迭代。
debugger： 用于在代码中设置断点。
default： 用于 switch 语句。
delete： 用于删除变量或对象的属性。
do： 用于 do-while 循环。
else： 用于 if-else 语句。
enum： 用于声明枚举。
export： 用于导出模块。
extends： 用于继承类。
false： 布尔值，表示假。
finally： 用于 try-catch 语句。
for： 用于 for 循环。
function： 用于声明函数。
if： 用于 if-else 语句。
implements： 用于实现接口。
import： 用于导入模块。
in： 用于 in 运算符。
instanceof： 用于 instanceof 运算符。
let： 用于声明块作用域的局部变量。
new： 用于创建对象。
null： 表示变量的值是明确的空值。
package： 用于声明包。
private： 用于声明私有成员。
protected： 用于声明受保护的成员。
public： 用于声明公有成员。
return： 用于从函数中返回。
static： 用于声明静态成员。
super： 用于访问父类成员。
switch： 用于 switch 语句。
this： 用于引用当前对象。
throw： 用于抛出异常。
true： 布尔值，表示真。
try： 用于 try-catch 语句。
typeof： 用于获取变量的类型。
undefined： 表示变量尚未被赋值。
var： 用于声明变量。
void： 用于 void 运算符。
while： 用于 while 循环。
with： 用于 with 语句。
yield： 用于生成器函数。

7. 结语：变量的魅力与力量

在 JavaScript 中，变量是构建程序的基础。通过理解变量的声明、作用域和数据类型，我们可以编写出更强大、更灵活的代码。变量是 JavaScript 的灵魂，是程序员表达思想和实现功能的工具。希望这篇文章能帮助您更好地理解 JavaScript 中的变量，并为您的 JavaScript 开发之旅提供坚实的基础。