JavaScript 数据类型详解 - 来自 javascript-tutorial 项目的核心知识

JavaScript 数据类型详解 - 来自 javascript-tutorial 项目的核心知识

ru.javascript.info Современный учебник JavaScript 项目地址: https://gitcode.com/gh_mirrors/ru/ru.javascript.info

引言

在编程语言中，数据类型是基础中的基础。JavaScript 作为一种动态类型语言，其数据类型系统既有与其他语言相似之处，也有其独特的设计。本文将全面解析 JavaScript 中的数据类型体系，帮助开发者建立清晰的概念框架。

JavaScript 的数据类型分类

JavaScript 中的数据类型可以分为两大类：

1. 原始类型（Primitive types）：这些是不可变的基本数据类型
2. 对象类型（Object type）：用于存储更复杂的数据结构

原始数据类型

1. Number 类型

Number 类型用于表示整数和浮点数：

let integer = 100;      // 整数
let float = 3.14;       // 浮点数

特殊数值：

• Infinity 和 -Infinity：表示数学上的无穷大
• NaN（Not a Number）：表示计算错误

console.log(1 / 0);      // Infinity
console.log("abc" / 2);  // NaN

重要特性：

• JavaScript 使用 IEEE 754 标准的 64 位双精度浮点数表示
• 安全整数范围：±(2^53 -1)
• 所有数学运算都是"安全的"，不会导致程序崩溃

2. BigInt 类型

用于表示超出安全整数范围的整数：

const bigNum = 1234567890123456789012345678901234567890n;

特点：

• 通过在数字末尾添加 n 来创建
• 不能与 Number 类型混合运算
• 主要用于加密、大整数计算等场景

3. String 类型

表示文本数据，有三种表示方式：

let str1 = "双引号";
let str2 = '单引号';
let str3 = `模板字符串`;

模板字符串特性：

• 支持多行文本
• 支持嵌入表达式（通过 ${expression}）

let name = "张三";
console.log(`你好，${name}！`);  // 你好，张三！

4. Boolean 类型

只有两个值：true 和 false，常用于逻辑判断：

let isActive = true;
let isGreater = 5 > 3;  // true

5. Null 类型

表示"无"、"空"或"值未知"的特殊值：

let age = null;  // 明确表示age为空

6. Undefined 类型

表示"未定义"或"未赋值"：

let x;
console.log(x);  // undefined

与null的区别：

• undefined 表示变量已声明但未赋值
• null 是一个表示"无"的明确赋值

7. Symbol 类型

创建唯一标识符，主要用于对象属性：

let id = Symbol("唯一ID");

对象类型（Object）

对象用于存储复杂的数据结构和功能：

let user = {
  name: "李四",
  age: 30
};

特点：

• 可以包含多个属性
• 属性可以是任何数据类型
• 是引用类型（与原始类型不同）

类型检测：typeof 操作符

typeof 操作符用于确定变量的数据类型：

typeof 42;          // "number"
typeof "text";      // "string"
typeof true;        // "boolean"
typeof undefined;   // "undefined"
typeof null;        // "object" (历史遗留问题)
typeof {};          // "object"
typeof function(){};// "function"

注意事项：

• typeof null 返回 "object" 是语言设计错误
• 函数虽然是对象，但 typeof 会返回 "function"

动态类型特性

JavaScript 是动态类型语言，变量可以随时改变类型：

let dynamic = "字符串";  // string
dynamic = 123;         // 变为number
dynamic = true;        // 变为boolean

类型转换与比较

JavaScript 在执行操作时会自动进行类型转换：

console.log("5" - 3);  // 2 (字符串转为数字)
console.log("5" + 3);  // "53" (数字转为字符串)

最佳实践

1. 使用 === 严格相等运算符避免隐式类型转换
2. 明确使用 null 表示"无值"，而不是 undefined
3. 大数计算时考虑使用 BigInt
4. 优先使用模板字符串进行字符串拼接

总结

JavaScript 的数据类型系统虽然看似简单，但包含了许多精妙的设计。理解这些类型及其特性是掌握 JavaScript 的基础。原始类型提供了基本的数据表示能力，而对象类型则构建了更复杂的数据结构。typeof 操作符是类型检测的重要工具，但需要注意其特殊行为。动态类型特性带来了灵活性，但也需要开发者更加注意类型相关的细节。

在后续的学习中，我们将深入探讨每种数据类型的具体特性和使用方法，特别是对象和函数的复杂行为。

ru.javascript.info Современный учебник JavaScript 项目地址: https://gitcode.com/gh_mirrors/ru/ru.javascript.info