JavaScript 数据类型

JavaScript 中所有的值都属于特定的数据类型。理解数据类型是编程的基础——不同类型决定了数据能做什么、不能做什么。

两种大类

JavaScript 的数据类型分为原始类型（Primitive）和引用类型（Reference）：

原始类型（7 种）

类型示例说明
string'hello'字符串：文本
number42, 3.14数字：整数和浮点数
booleantrue, false布尔值：是 / 否
nullnull空值：故意设置为”没有值”
undefinedundefined未定义：变量声明了但未赋值
symbolSymbol('id')符号：唯一标识符（较少用）
bigint9007199254740991n大整数：表示超大整数

引用类型（1 种 + 子类型）

类型示例说明
object{ name: '张三' }对象：键值对的集合
array[1, 2, 3]数组（object 的子类型）
functionfunction() {}函数（可调用的 object）

原始类型和引用类型的根本区别：原始类型按值比较和存储（复制时产生独立副本），引用类型按引用比较和存储（复制时共享同一个数据）。

typeof — 判断数据类型

typeof 运算符返回一个表示数据类型的字符串：

javascript 
typeof 'hello';      // "string"
typeof 42;           // "number"
typeof true;         // "boolean"
typeof undefined;    // "undefined"
typeof null;         // "object" ← 这是一个历史遗留 bug！
typeof Symbol();     // "symbol"
typeof 9007199254740991n; // "bigint"
typeof {};           // "object"
typeof [];           // "object"
typeof function(){}; // "function"

typeof null 返回 "object" 是 JavaScript 最早版本中的一个错误，因为历史原因被永久保留。判断一个值是否为 null 应使用 value === null。

字符串（String）

字符串是文本数据，用引号包裹：

javascript 
const name = '张三';         // 单引号
const greeting = "你好";     // 双引号
const template = `你好，${name}`; // 模板字面量（反引号）

单引号和双引号功能完全相同，选择一个风格后保持一致即可。模板字面量（反引号）支持嵌入变量和表达式：

javascript 
const a = 10;
const b = 20;
console.log(`${a} + ${b} = ${a + b}`); // "10 + 20 = 30"

数字（Number）

JavaScript 只有一种数字类型——number，整数和浮点数不做区分：

javascript 
const integer = 42;
const float = 3.14;
const negative = -10;
const scientific = 1.5e6; // 1.5 × 10⁶ = 1,500,000

JavaScript 的数字基于 IEEE 754 双精度浮点标准，有两个重要的局限性：

javascript 
// 精度限制
0.1 + 0.2; // 0.30000000000000004（不等于 0.3！）
0.1 + 0.2 === 0.3; // false

// 安全整数范围
Number.MAX_SAFE_INTEGER; // 9007199254740991

超出安全范围的整数应使用 BigInt。

布尔值（Boolean）

只有两个值：true 和 false。用于条件判断：

javascript 
const isLoggedIn = true;
const hasPermission = false;

if (isLoggedIn) {
  console.log('欢迎回来');
}

null 和 undefined

这两个值都表示”没有”，但含义不同：

javascript 
// undefined：声明了但未赋值（系统自动给）
let x;
console.log(x); // undefined

// null：主动表示"空"（开发者设置）
let user = null; // 明确表示"当前没有用户"
javascript 
// 函数没有返回值时返回 undefined
function noReturn() {}
console.log(noReturn()); // undefined

// 访问对象中不存在的属性返回 undefined
const obj = {};
console.log(obj.missing); // undefined

简单区分：undefined 是”系统自动给的没东西状态”，null 是”开发者主动设为空”。检查时使用 == null 可以同时匹配两者；严格区分时使用 === null 或 === undefined。