ECMAScript 2019 引入了一种新的原始数据类型 Symbol，它可以用来表示独一无二的值。在本文中，我们将深度了解 Symbol 的用法和功能，并通过示例代码说明如何在前端开发中使用它。
什么是 Symbol？
Symbol 是 ECMAScript 2019 中引入的一种新的原始数据类型，用于表示独一无二的值。它的创建方式非常简单，只需要调用全局方法 Symbol() 即可。每个 Symbol 值都是唯一的，这意味着它们可以用来作为对象属性的唯一标识符。
如何使用 Symbol？
使用 Symbol 有两种方式：作为属性名和作为内置 Symbol。
作为属性名
Symbol 可以作为对象属性名，以此来代替字符串。在对象字面量中，圆括号内的内容就是 Symbol 变量名。示例代码如下：
const mySymbol = Symbol();
const myObject = {
[mySymbol]: 'Hello world!'
};
console.log(myObject[mySymbol]); // 'Hello world!'在上面的代码示例中，我们创建了一个 Symbol 变量 mySymbol，并使用方括号语法将其作为 myObject 对象的属性名。通过 myObject[mySymbol] 可以访问该属性的值。
作为内置 Symbol
ECMAScript 2019 中定义了一些内置 Symbol 常量，它们被用作特定的 JavaScript 特性。这些内置 Symbol 可以在全局对象 Symbol 中找到。示例代码如下：
-- -------------------- ---- ------- ----- -------- - ----------------------- -- -- ------------ ------ ------ ----- -------- - --- ------------------ - ------ -------- -------------------------------- -- ------ ------- ------------------------------------- -- ----------
在上面的代码示例中，我们使用 Symbol.for('mySymbol') 创建内置 Symbol 常量 mySymbol。然后，我们将 mySymbol 作为 myObject 对象的属性名，通过 myObject[mySymbol] 访问该属性的值。最后，我们使用 Symbol.keyFor() 方法获取 mySymbol 的键名。
Symbol 的功能
Symbol 有许多有用的功能，本节将对其中的几个进行介绍。
属性遍历
当使用 for in 循环遍历对象的时候，所有的属性都会被遍历到，包括从原型链上继承下来的属性。同样的，当使用 Object.keys() 方法获取对象的属性名数组时，只会返回对象本身的属性。使用 Symbol 作为属性名，这些属性可以被忽略。以下是示例代码：
-- -------------------- ---- ------- ----- -------- - --------- ----- -------- - - ----- ------ -------- ----------- ----- -- - ------ --------- -- ----------------------------------- -- -------- -------------------------------- -- ----- -- - ------ --------- --- ---- --- -- --------- - ----------------- -- ------ -
在上面的代码示例中，我们定义了一个拥有 Symbol 属性的对象 myObject，并使用 Object.keys() 方法获取该对象的属性名数组，在结果中只包含了 test 属性名。同时，我们使用 for in 循环遍历 myObject 对象，但只输出了 test 属性名，而 Symbol 属性则被忽略了。
类型判断
Symbol 可以用于类型判断，它可以标识出一个变量所属的类型。以下是示例代码：
const mySymbol = Symbol();
const myFunction = () => {};
const myObject = {};
console.log(typeof mySymbol); // 'symbol'
console.log(typeof myFunction); // 'function'
console.log(typeof myObject); // 'object'在上面的代码示例中，我们定义了一个 Symbol 变量 mySymbol，一个函数 myFunction 和一个空对象 myObject。通过 typeof 运算符，我们可以判断这些变量的类型，其中 mySymbol 的类型为 symbol。
总结
本文我们深度了解了 ECMAScript 2019 中新增的 Symbol 原始数据类型，讲解了它的创建方式和使用方法，并通过示例代码演示了在前端开发中使用 Symbol 的实践。同时，我们也了解到了 Symbol 的一些有用功能，例如作为属性遍历和类型判断等。在实践中，开发者可以根据实际需求选择合适的方式来使用 Symbol，并发挥其独特的价值。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65a726daadd4f0e0ff01526e