第一讲：JavaScript 语法与数据类型详解

第一讲：JavaScript 语法与数据类型详解

资料取自《JavaScript高级程序设计（第5版）》。
查看所有教程：红宝书学习大纲

一、基本数据类型（原始类型）

JavaScript 的原始类型是最基础的数据单元，不可再拆分：

1. 数字（Number）

   • 包含整数、小数、特殊值 NaN（非数字）、Infinity（无穷大）
   • 例子：

     const age = 25;          // 整数
     const price = 9.99;      // 小数
     const result = 10 / "a"; // NaN（计算错误）
     

     ¹²

2. 字符串（String）

   • 用单引号 '、双引号 " 或反引号 `` `包裹
   • 支持模板字符串（嵌入变量 ${x}）：

     const name = "小明";
     const greeting = `你好，${name}！`; // 模板字符串
     

     ¹

3. 布尔值（Boolean）

   • 只有两种值：true（真）和 false（假）
   • 例子：

     const isLogged = true;
     const isAvailable = 10 > 5; // true（比较运算结果）
     

     ²

4. 空值（null 与 undefined）

   • null：表示有意为空
   • undefined：变量未初始化时默认值

     let data = null;    // 明确赋空值
     let address;        // undefined（未赋值）
     

     ¹

5. 符号（Symbol，ES6 新增）

   • 用于创建唯一的标识符（不可重复）：

     const id1 = Symbol("id"); 
     const id2 = Symbol("id");
     console.log(id1 === id2); // false（永远不同）
     

     ¹

6. 大整数（BigInt，ES11 新增）

   • 处理超大整数，后缀加 n：

     const bigNumber = 123456789012345678901234567890n;
     

     ¹

二、对象类型（复杂类型）

对象类型可以包含多个值或功能：

1. 普通对象（Object）

   • 用花括号 {} 定义键值对：

     const user = { 
       name: "小明", 
       age: 18 
     };
     

     ¹

2. 数组（Array）

   • 存储有序数据，用 [] 定义：

     const fruits = ["苹果", "香蕉", "橘子"];
     

     ³

3. 日期（Date）

   • 处理时间：

     const today = new Date(); // 当前时间
     

     ²

4. 正则表达式（RegExp）

   • 用于匹配文本规则，用 /.../ 定义：

     const emailPattern = /^\w+@\w+\.\w+$/; // 验证邮箱
     

     ²

三、自动类型转换（隐式转换）

JavaScript 会自动转换类型：

¹²

四、手动类型转换（显式转换）

开发中常用强制转换：

const num = parseInt("100");      // 字符串转整数 → 100
const bool = Boolean("hello");    // 字符串转布尔 → true

目录：总目录
上篇文章：《JavaScript高级程序设计（第5版）》学习大纲