数据类型和变量

JavaScript 变量和数据类型概述

JavaScript 中的变量充当存储数据值的容器，这些值可以在代码中被使用和操作。JavaScript 是一种动态类型语言，这意味着变量在程序执行期间可以持有不同类型的值。

来源

变量

声明变量

在 JavaScript 中，使用以下关键字之一来声明变量

let：现代方法（ES6 中引入），具有块级作用域
var：旧方法，具有函数作用域
const：用于不应更改的常量值

声明变量的基本语法是

变量命名规则

在 JavaScript 中命名变量时

名称可以包含字母、数字、下划线和美元符号
名称必须以字母、$ 或 _ 开头
名称区分大小写（myVar 与 myvar 不同）
保留字（如 JavaScript 关键字）不能用作名称

来源

使用变量

变量可以在代码中声明、初始化，并且其值可以随时更改

声明：创建变量而不为其赋值
初始化：为已声明的变量赋值
声明并初始化：结合以上两步
更改值：更新变量的值

来源

常量

常量与变量类似，但对其值的重新分配有限制。它们使用 const 关键字声明，并在声明时必须初始化。

常量和变量之间的主要区别

常量	变量（使用 `let`）
声明后值不能更改	值可以随时更改
声明时必须初始化	可以不初始化就声明
通常用于固定值	用于可能更改的值
通常以大写字母命名（约定）	通常以驼峰式命名

对于用 const 声明的对象，对象的属性仍然可以修改，但引用本身不能更改

来源

数据类型

JavaScript 有六种主要的数据类型，被认为是原始类型

来源

数字

Number 类型同时表示整数和浮点数。JavaScript 不区分整数和浮点数值。

算术运算符

JavaScript 提供了各种运算符来执行算术计算

运算符	描述	示例	结果
`+`	加法	`5 + 2`	`7`
`-`	减法	`5 - 2`	`3`
`*`	乘法	`5 * 2`	`10`
`/`	除法	`5 / 2`	`2.5`
`%`	余数（模）	`5 % 2`	`1`

来源

字符串

字符串表示文本数据，可以使用单引号、双引号或反引号（模板字面量）创建

字符串拼接

字符串可以使用 + 运算符组合（拼接）

模板字面量

模板字面量提供了一种更灵活的字符串格式化方式，允许嵌入表达式和多行字符串

模板字面量中的 ${} 语法允许将表达式直接嵌入字符串中。

来源

布尔值

布尔值表示逻辑实体，并且只有两个值：true 或 false。它们通常用于条件语句和逻辑运算

布尔值通常是比较运算的结果

JavaScript 还有“truthy”（真值）和“falsy”（假值）的概念。除了以下“falsy”值之外，所有值都被认为是“truthy”

false
0
''（空字符串）
null
未定义
NaN

来源

类型强制转换和转换

JavaScript 在某些操作中可能会自动在数据类型之间进行转换，这个过程称为类型强制转换。这有时可能导致意外的结果

您可以使用以下方法手动在类型之间进行转换

Number() - 转换为数字
String() - 转换为字符串
Boolean() - 转换为布尔值

来源

使用变量和数据类型的最佳实践

变量命名
- 使用描述性名称，解释变量包含的内容
- 使用驼峰式命名法命名变量（例如，firstName，totalAmount）
- 对常量使用大写蛇形命名法（例如，MAX_SIZE，API_KEY）
数据类型使用
- 为您的数据使用适当的数据类型
- 在类似的操作中保持数据类型的一致性
- 注意操作中的类型强制转换
变量声明
- 优先使用 let 和 const 而不是 var
- 默认情况下使用 const，只有当值需要更改时才使用 let
- 在作用域的顶部声明变量
应避免的常见陷阱
- 混淆的相等运算符（== 与 ===）
- 意外的类型强制转换
- 使用未声明的变量
- 重新分配常量

来源

总结

理解 JavaScript 的数据类型和变量是编写有效的 JavaScript 代码的基础。这些知识为本课程后续部分介绍的更复杂的编程概念和技术奠定了基础。通过掌握这些基础知识，您将能更好地处理 JavaScript 的逻辑运算、函数以及更高级的功能。