在 TypeScript 中，Symbol 是一种基本数据类型，它的用途是作为对象属性的唯一标识符。在 ES6 中引入了 Symbol 类型，但由于其独特性质，它仅被用于 JavaScript 库和框架中。
Symbol 类型的定义和使用
Symbol 类型是通过 Symbol() 构造函数生成的。它是一种不可变独特值，可以用于对象属性的命名。下面是如何使用 Symbol 类型：
-- -------------------- ---- ------- ----- ------- - --------------- ----- ------- - --------------- ------------------- --- --------- -- ----- ----- --- - - ---------- --------- ---------- --------- -- -------------------------- -- ------ -------------------------- -- ------
从上述例子中可以看出，两个使用 Symbol 构造函数生成的值即使传入相同的参数也是不相等的。
Symbol 类型用作属性
Symbol 类型可以用作对象的属性名，作用是使这些属性具有唯一性，避免与其他属性重名。下面是如何将 Symbol 类型用作属性名：
const sym = Symbol();
const obj = {
[sym]: 'value',
};
console.log(obj[sym]); // valueSymbol 类型的内置值
TypeScript 中提供了一些内置的 Symbol 值，它们被广泛应用在对象和类的设计中。下面简单介绍一下常用的三种内置的 Symbol 值。
Symbol.iterator
Symbol.iterator 是一个内置的 Symbol 值，它用来定义对象的默认迭代器。迭代器是一个对象，它定义了如何遍历一个容器对象的元素。下面是一个使用内置迭代器的例子：
const arr = [1, 2, 3];
const iterator = arr[Symbol.iterator]();
console.log(iterator.next()); // {value: 1, done: false}
console.log(iterator.next()); // {value: 2, done: false}
console.log(iterator.next()); // {value: 3, done: false}
console.log(iterator.next()); // {value: undefined, done: true}Symbol.toStringTag
Symbol.toStringTag 是一个内置的 Symbol 值，它用于定义对象的默认字符串描述。它通常被用来帮助我们在调试过程中更好地理解一个对象。下面是一个使用 Symbol.toStringTag 的例子：
-- -------------------- ---- -------
----- ------ -
--- ---------------------- -
------ ---------
-
-
----- ------ - --- ---------
------------------------------- -- ------- -------Symbol.species
Symbol.species 是一个内置的 Symbol 值，它被用于定义派生类实例的构造函数。这样可以提高派生类实例的灵活性和功能。下面是一个使用 Symbol.species 的例子：
-- -------------------- ---- -------
----- ------- ------- ----- -
------ --- ------------------ -
------ ------
-
-
----- --- - --- ---------- -- ---
----- ---- - ------------
--------------- ---------- --------- -- ----
---------------- ---------- ------- -- ----总结
Symbol 类型是 TypeScript 中一种非常有用的数据类型，它充分利用了 JavaScript 对象属性的灵活性。在对象和类的设计中，Symbol 类型可以帮助我们更好地理解和定制对象的行为。掌握 Symbol 类型的使用对于提高自己的 TypeScript 技能非常有帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/654c44757d4982a6eb5dac5a