JavaScript数据类型全景图
JavaScript共有七种数据类型：
- string
- object
- null
- undefined
- symbol
- numeric（包括number和bigint两种）
- boolean
其中，除object外的6种为primitive（简单数据类型），只有object是复杂数据类型。
存储与传递机制
简单数据类型（Primitive）：
- 存储位置：栈内存
- 赋值方式：拷贝式传值
- 包括：string、number、undefined、null、boolean、symbol、bigint
复杂数据类型：
- 存储位置：栈内存（引用地址）+ 堆内存（实际内容）
- 赋值方式：引用式赋值
- 包括：object（及其衍生如Array、Function等）
typeof运算符：类型判断的基础工具
typeof是JavaScript中用于判断数据类型的运算符：
- 主要用途：判断简单数据类型
- 返回值：表示类型的字符串
- 语法：
typeof 变量
示例：
typeof "hello" // "string"
typeof 123 // "number"
typeof true // "boolean"
typeof undefined // "undefined"
typeof Symbol() // "symbol"
typeof {} // "object"
类型判断实战：健壮的add函数实现
/**
* @func 两数之和
* @param {number} a
* @param {number} b
* @returns {number}
*/
function add(a, b) {
// 参数的校验
if (typeof a !== 'number' || typeof b !== 'number' || isNaN(a) || isNaN(b)) {
throw new TypeError('a和b必须是数字');
}
return a + b;
}
console.log(add(1, 2)); // 输出: 3
这个函数展示了类型判断在实际应用中的价值：
- 使用
typeof判断参数是否为number类型 - 使用
isNaN()判断参数是否为NaN（非数值） - 在参数不符合要求时抛出TypeError异常
NaN：JavaScript类型系统中的特例
NaN（Not-A-Number）是JavaScript中一个特殊值，其行为值得深入研究：
console.log(0/0); // NaN
console.log(Math.sqrt(-1)); // NaN
console.log(parseFloat("123"), parseFloat("a123"), parseFloat("123a")); // 123 NaN 123
console.log(Number(undefind)); // NaN
console.log(NaN === NaN); // false
console.log(isNaN(NaN)); // true
console.log(typeof NaN); // "number"
NaN的关键特性：
- 多种产生途径：无效数学运算、无效类型转换等
- 无法自我比较：
NaN === NaN结果为false - 检测方式：必须使用
isNaN()函数 - 类型归属：虽然名为"Not-A-Number"，但
typeof NaN返回"number"
类型判断的刻意练习
要掌握JavaScript的类型判断，可通过以下练习：
- 编写一个add函数，对参数进行类型校验
- 实现对NaN的识别和处理
- 比较不同类型判断方法的优缺点
类型判断的最佳实践
- 参数校验：函数入口处进行类型检查
- 合理使用typeof：了解其优势（简单类型判断）和局限性（无法区分数组和普通对象）
- NaN处理：数值运算中考虑NaN特殊情况
- 复合判断：复杂场景下结合使用
typeof、isNaN()、Array.isArray()等方法
结论
JavaScript类型系统的理解和正确使用类型判断方法，是编写健壮代码的基石。通过掌握七种数据类型的特性、typeof运算符的用法以及NaN的处理技巧，我们可以编写出更加可靠的JavaScript程序。
类型判断不仅是防御性编程的手段，更是深入理解JavaScript语言机制的途径。在日常开发中，合理应用这些知识点，将显著提升代码的质量和可维护性。
你在JavaScript类型判断实践中遇到过哪些挑战？欢迎在评论区分享！
