JavaScript语言精粹：数据类型与变量解析

"JavaScript语言精粹经典实例的读书笔记，包含数据类型、变量声明与作用域、常量等核心概念的解析" JavaScript是一种动态类型的编程语言，它的灵活性和多样性使得开发者能够快速构建交互式网页应用。以下是关于JavaScript语言精粹的一些关键知识点： ### 数据类型 JavaScript有七种数据类型，分为基本数据类型和对象类型： 1. **基本数据类型**： - **Boolean**: 表示逻辑值，只有`true`和`false`。 - **Number**: 包括整数和浮点数，如`1`, `3.14`。 - **String**: 由字符组成的文本，用单引号或双引号包裹，如`'hello'`。 - **null**: 表示一个空值，不是undefined。 - **undefined**: 当变量未被赋值时的值。 - **Symbol**: ES6新增的类型，用于创建独一无二的标识符。 - **BigInt**: ES10引入，用于表示大整数，如`123n`。 2. **对象类型**： - **Array**: 数组，可以存储多个值。 - **RegExp**: 正则表达式对象，用于模式匹配。 - **Date**: 时间对象，用于处理日期和时间。 - **Math**: 内置对象，提供了数学常量和函数。 - **Function**: 函数也是对象，可以作为变量分配和传递。 ### 变量声明与作用域 - **var**关键字：声明的变量具有函数作用域，意味着变量在整个函数内部都可见。如果在函数外部声明，它将成为全局变量。 - **let**关键字：ES6引入，声明的变量具有块级作用域，只在花括号{}内的代码块中有效。 - **直接使用**：未声明就使用的变量会自动成为全局变量，但在严格模式下会抛出错误。 注意，`undefined`是变量未定义时的值，而`null`是显式设置的空值。`const`关键字用于声明常量，它们是不可变的，但对对象的属性赋值或数组的元素修改是允许的，因为这不改变引用本身。 ### 类型检查 `typeof`操作符用于检测变量的数据类型，但有些情况需要注意，例如`typeof null`返回`"object"`，而`typeof NaN`也返回`"number"`，这些反直觉的结果需要特别留意。 ### 示例代码分析 ```javascript var global_var = 1; function fn() { var fn_var = 2; if (fn_var > 10) { let block_var = 3; global_var2 = 4; // 全局变量，未声明前赋值会创建全局变量 } } ``` 在这个例子中，`global_var`是全局变量，`fn_var`在函数`fn`内有效，`block_var`仅在`if`语句的代码块内有效。尝试修改`const`变量的值会抛出错误，如`num`和`obj`的例子所示。 了解和掌握这些JavaScript语言精粹，有助于编写更健壮、可维护的代码。在实际开发中，合理利用这些特性，可以提升代码质量并避免潜在的错误。