深入剖析 JavaScript 数据类型与 Symbol 类型的独特魅力😃

在 JavaScript 编程的奇妙世界中，数据类型就像是构建大厦的基石，而 Symbol 类型则是一颗闪耀的新星🌟。今天，我们将全方位、细致入微地探讨 JavaScript 中的数据类型，尤其是 Symbol 类型的强大功能和实际应用场景。

一、JavaScript 数据类型的基本认知🧐

JavaScript 的数据类型可以清晰地划分为两大类：简单数据类型（primitive）和复杂数据类型（Non - primitive）。这两种类型在内存存储和使用方式上有着显著的差异。

简单数据类型

简单数据类型直接存储在栈内存中，具有快速访问的特点。JavaScript 中的简单数据类型共有七种，分别是 string、number、undefined、null、boolean、bigint 和 symbol。其中，numeric 又进一步细分为 number 和 bigint。

为了更好地理解 number 类型中的特殊值 NaN（Not a Number），我们来看一段代码示例：

javascript 复制代码

// 输出 NaN 的情况
console.log(0/0); 
console.log(Math.sqrt(-1)); 
console.log(parseInt('123'),parseFloat('a123.123'),parseInt('123a'));
console.log(Number(undefined)); 

// NaN 的比较和判断
console.log(NaN===NaN); 
console.log(isNaN(NaN)); 
console.log(typeof NaN);

在这段代码中：

0/0 和 Math.sqrt(-1) 都会返回 NaN，因为在数学运算中，这些操作是没有意义的。
parseInt 和 parseFloat 函数在解析非数字字符串时，也可能返回 NaN。例如，parseFloat('a123.123') 无法将字符串正确解析为浮点数，所以返回 NaN。
Number(undefined) 同样会返回 NaN，因为 undefined 不能直接转换为数字。

特别需要注意的是，NaN 有一个独特的特性，即 NaN === NaN 会返回 false。这是因为 NaN 表示的是一个非数字的值，任何两个 NaN 都被认为是不同的。而 isNaN(NaN) 会返回 true，这是专门用于判断一个值是否为 NaN 的函数。最后，typeof NaN 返回 'number'，这可能会让人有些意外，但它确实属于 number 类型的一种特殊情况。

复杂数据类型

除了上述六种简单数据类型之外，其他的数据类型都属于 object 类型。复杂数据类型采用引用式赋值，这意味着变量存储的是对象在堆内存中的地址引用，而不是对象本身。当我们修改一个引用变量时，实际上是修改了该地址所指向的对象。这种存储方式在处理大型对象时非常高效，但也需要我们特别注意引用的传递和修改。

二、函数的参数校验与健壮性提升🚀

在编写函数时，确保函数的健壮性是非常重要的。一个健壮的函数能够正确处理各种输入情况，避免因错误的输入而导致程序崩溃。以 add 函数为例：

javascript 复制代码

/**
 * @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(NaN, 3));

在这个 add 函数中：

我们使用 typeof 运算符对参数 a 和 b 进行类型检查，确保它们是 number 类型。typeof 运算符可以返回一个表示数据类型的字符串，除了 null 会返回 'object' 这种特殊情况外，它能很好地判断简单数据类型。
同时，我们还使用 isNaN 函数来检查参数是否为 NaN。如果参数不符合要求，即不是数字或者是 NaN，函数会抛出一个 TypeError 异常。这样，当调用者传入错误的参数时，函数能够及时给出明确的错误信息，而不是产生不可预期的结果。

三、ES6 新增数据类型：Symbol 的奥秘🌟

Symbol 是 ES6 引入的一种全新的数据类型，它表示独一无二的值。这一特性使得 Symbol 在很多场景下都有着独特的应用。

Symbol 的基本特性

我们先来看一段创建 Symbol 实例的代码：

javascript 复制代码

// 独一无二的值
const sym = Symbol();
const sym1 = Symbol();
const sym2 = Symbol('desc'); 
console.log(typeof sym, sym);
console.log(sym === sym1);

在这段代码中：

Symbol() 函数用于创建一个新的 Symbol 实例。每次调用 Symbol() 都会返回一个独一无二的值，即使传入相同的描述符（如 Symbol('desc')），返回的 Symbol 也是不同的。
typeof sym 返回 'symbol'，这表明 Symbol 是一种独立的数据类型。
sym === sym1 返回 false，再次证明了每个 Symbol 实例都是独一无二的。

Symbol 作为对象的键

Symbol 可以作为对象的键使用，这为对象的属性管理带来了新的方式。以下是一个示例：

javascript 复制代码

// symbol 可以用于对象的 key 
const ID = Symbol('id');
const age = Symbol('age');
const user = {
  "name": 'Alice',
  [ID]: 123,
  [age]: 18,
};
user.age = 19;

console.log(user.name,user[ID],user[age],user.age);//Alice,123,18,19
// 遍历对象
for (let key in user) { 
  console.log(key, user[key]);
}

在这个示例中：

我们使用 Symbol 作为对象 user 的键，如 [ID] 和 [age]。这样做的好处是可以避免属性名的冲突，因为 Symbol 是独一无二的。
给对象 user添加了一个普通的字符串键 'age' ，值为 19 。这不会影响之前使用 Symbol('age') 作为键的属性，因为它们是不同的键。
当我们使用 for...in 循环遍历对象时，不会遍历到以 Symbol 作为键的属性。这是因为 for...in 循环只会遍历对象的可枚举属性，而 Symbol 作为键的属性默认是不可枚举的。这一特性使得 Symbol 可以用于实现对象的私有属性，外部代码无法轻易访问和修改这些属性。

Symbol 在枚举类型中的应用

Symbol 还可以用于定义枚举类型，确保每个枚举值的唯一性。以下是一个示例：

javascript 复制代码

// 枚举类型
const STATUS = {
  READY: Symbol('ready'),
  RUNNING: Symbol('running'),
  DONE: Symbol('done')
}
let state = STATUS.READY;
if (state === STATUS.READY) {
  console.log('ready');
}

在这个枚举类型的示例中：

我们使用 Symbol 定义了三个状态：READY、RUNNING 和 DONE。每个状态都是独一无二的，避免了使用普通字符串或数字作为枚举值时可能出现的冲突。
通过比较 state 和 STATUS.READY，我们可以判断当前的状态，并执行相应的操作。

总结🎉

通过对 JavaScript 数据类型的深入研究，特别是对 Symbol 类型的详细探讨，我们可以看到 JavaScript 语言的丰富性和灵活性。Symbol 类型的引入为我们提供了一种全新的编程思路，无论是在实现对象的私有属性，还是在定义枚举类型方面，都有着不可替代的作用。希望本文能够帮助你更好地理解 JavaScript 数据类型和 Symbol 类型的应用，让你在编程的道路上更加得心应手💪！