5. typeof 与类型转换

怎么知道一个箱子里装的是数字还是文字？怎么把文字变数字？本页解决认类型和转类型两件事。

核心三步：
① typeof——认类型，返回类型字符串
② Number() / parseInt() / parseFloat()——转数字
③ String() / toString()——转字符串

坑：typeof null 返回 "object"（历史 bug）、parseInt("12px") 得 12、空字符串转数字得 0。

5.1 互动演示

5.2 知识点逐条讲解（配合代码）

① typeof：问一句"你是什么类型"

有时候你不确定箱子里装的是数字还是文字，就用 typeof 变量名 问它一句，它会"递出"一个类型的名字（这个动作叫"返回"，就是把结果交出来）。

// 装个数字 10
let num = 10;
console.log(typeof num);

// 装一段文字 10（带引号，是字符串）
let str = '10';
console.log(typeof str);

// 布尔值，只有 true/false 两种
let bool = true;
console.log(typeof bool);

// 只要箱子，没放东西
let undef;
console.log(typeof undef);

// 你主动把箱子设成空
let empty = null;
// 答 "object"，这是 JS 历史 bug
console.log(typeof empty);

如果你看到 typeof null 答 "object" 觉得自己写错了，其实没写错——这是 JS 第一版留下的历史 bug，全世界都知道，但改它会让无数老网站崩掉，所以一直留着。判断是不是 null，得单独写 x === null。

② 把数字变成文字：三种办法

有时候你需要把数字"123"变成能拼进句子的文字。有三种常用办法：

// 现在是数字
let n = 123;
// "123" → 变成文字了
console.log(String(n));
// "123"
console.log(n.toString());
// "123" → 一加空文字，整体就成文字了
console.log(n + '');

③ 把文字变成数字：Number / parseInt / parseFloat

从输入框拿到的都是文字（比如 "3.14"），要算数就得先变数字。三个工具性格不一样：

// 3.14
Number("3.14");
// NaN（里面有 abc，较真的它不干）
Number("3.14abc");
// 3（只捞开头的整数）
parseInt("3.14abc");
// 3.14（把开头的小数也捞出来）
parseFloat("3.14abc");
// NaN
Number("abc");

如果 Number('123abc') 和 parseInt('123abc') 你以为结果一样，其实不一样：Number 较真是 NaN，parseInt 会"捞"出 123。这是自测题里的高频题，记住"Number 较真、parse 能捞"。

实战：用在哪 / 常见坑 / 怎么解决

① 可能在什么地方用：校验用户输入是不是数字；把表单里的字符串转成数字再计算。

② 常见的问题：Number('123abc') 得到 NaN 还接着算；或者看到 typeof null 是 object 以为自己写错了。

③ 解决思路：转完用 isNaN() 检查一下是不是 NaN；判空值要单独写 === null，别只靠 typeof。

本页重点