标题：ES6 对象属性名的 Symbol 类型的使用与问题解决
摘要：本篇文章主要介绍了 ES6 中引入的一种新类型 Symbol，它可以作为对象属性名使用，相对于字符串类型的属性名具有更好的语义化和保护性。本文分别介绍了 Symbol 类型的创建、作为属性名的使用方式以及具体应用场景，最后总结了 Symbol 的优缺点，以及在实践中可能遇到的问题解决方案。
正文：
一、Symbol 类型的创建
Symbol 是 ES6 中引入的一种新类型，它可以用来作为对象属性名。Symbol 创建的方式比较简单：
let sym = Symbol(); console.log(typeof sym); // symbol
Symbol 函数可以接受一个可选的字符串参数，用来描述这个 Symbol 类型的名称：
let sym = Symbol('foo');
console.log(sym); // Symbol(foo)Symbol 创建的每一个值都是唯一的，这意味着在不同的 Symbol 值之间永远不会存在 any equals 关系。
二、Symbol 作为属性名的使用方式
在对象中使用 Symbol 作为属性名，需要使用中括号加上 Symbol() 的形式进行赋值：
let obj = {};
let a = Symbol('a');
obj[a] = 1;
console.log(obj[a]); // 1这样，obj 对象就具有了一个名为 a 的属性，但是这个属性名不同于字符串形式的属性名。可以使用 Object.getOwnPropertySymbols() 方法获取对象的 Symbol 属性名数组，进一步验证：
console.log(Object.getOwnPropertySymbols(obj)); // [Symbol(a)]
三、Symbol 的具体应用场景
Symbol 作为一种新型属性名，常常被用来做一些特殊的用途，比如：
- 避免属性名冲突，即便是在多个文件中都定义相同的属性。
const log=Symbol();
module.exports = class{
[log](){
console.log(`called root logger`);
}
}- 用作常量，可以避免使用字符串时出现的值不可控的问题。
const PI = Symbol(); PI = 3.1415926; // Uncaught TypeError: Assignment to constant variable.
- 用作私有属性名，防止外部直接访问或者修改对象的属性。
-- -------------------- ---- -------
----- ----- - ---------
----- -------
------------------
----------- - -----
-
--- -------
------ ------------
-
-四、Symbol 的优缺点
Symbol 的优点在于，它比字符串属性名更保护型，可以减少属性名冲突，更好地表达属性的语义化，以及提供更高的安全性，更好的封装性等。
然而，Symbol 也存在缺点。首先，它不是可枚举的，因此使用 Object.keys() 方法获取对象的属性名时，Symbol 类型不会被包含在内。另外，Symbol 也不是全新的概念，一些老版本的 JavaScript 引擎可能不支持它。
五、可能遇到的问题解决方案
由于大部分 JavaScript 引擎对 Symbol 的支持都是在 ES6 之后才被引入的，因此在一些老版本的浏览器及 Node.js 环境中可能不支持 Symbol。为了解决这个问题，我们可以使用 babel 转译器将 ES6 代码转换为 ES5；或者使用 polyfill 的方式，在老版本的 JavaScript 引擎中提供 Symbol 的支持。
// 安装 babel-polyfill npm install --save babel-polyfill // 在代码中引入 polyfill 即可 import "babel-polyfill";
总结：
本文介绍了在 ES6 中引入的一种新类型，Symbol，它可以作为对象属性名使用，相对于字符串类型的属性名具有更好的语义化和保护性。我们分别介绍了 Symbol 类型的创建、作为属性名的使用方式以及具体应用场景，最后总结了 Symbol 的优缺点，以及在实践中可能遇到的问题解决方案。Symbol 作为一种新型属性名，具有着很好的使用价值，可以在开发中大幅提高使用的安全性、封装性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6476a6e1968c7c53b034f7f4