Symbols 不是图标，也不是指在代码中可以使用小图片：
也不是指代其他一些东西的语法。那么，Symbol 到究竟是什么呢？
七种数据类型
JavaScript 在 1997 年被标准化时，就有 6 种数据类型，直到 ES6 出现之前，程序中的变量一定是以下 6 种数据类型之一：
Undefined
Null
Boolean
Number
String
Object
每种数据类型都是一系列值的组合，前面 5 种数据类型值的数量都是有限的。Boolean 类型只有两个值：true 和 false，为 Boolean 类型的变量赋值时，并不会产生新的值（共享了true 和 false 这两个值）。对于 Number 和 String 来说，它们的值则多得多了，标准的说法是有 18,437,736,874,454,810,627 个 Number 类型的值（包括 NAN）。String 类型的个数就难以统计了，我原以为是 (2144,115,188,075,855,872 ? 1) ÷ 65,535…不过也许我算错了。
对象值的个数是无限的，每个对象都是独一无二的，每次打开一个网页，都创建了一系列的对象。
ES6 中的 Symbol 也是一种数据类型，但是不是字符串，也不是对象，而是一种新的数据类型：第七种数据类型。
下面我们来看一个场景，也许 Symbol 能派上用场。
一个布尔值引出的问题
有时，把一些属于其他对象的数据暂存在另一个对象中是非常方便的。例如，假设你正在编写一个 JS 库，使用 CSS 中的 transition 来让一个 DOM 元素在屏幕上飞奔，你已经知道不能同时将多个 transition 应用在同一个 div 上，否则将使得动画非常不美观，你也确实有办法来解决这个问题，但是首先你需要知道该 div 是否已经在移动中。
怎么解决这个问题呢？
其中一个方法是使用浏览器提供的 API 来探测元素是否处于动画状态，但杀鸡焉用牛刀，在将元素设置为移动时，你的库就知道了该元素正在移动。
你真正需要的是一种机制来跟踪哪些元素正在移动，你可以将正在移动的元素保存在一个数组中，每次要为一个元素设置动画时，首先检查一下这个元素是否已经在这个列表中。
啊哈，但是如果你的数组非常庞大，即便是这样的线性搜索也会产生性能问题。
那么，你真正想做的就是直接在元素上设置一个标志：
if (element.isMoving) { smoothAnimations(element); } element.isMoving = true; if (element.isMoving) { smoothAnimations(element); } element.isMoving = true;
这也有一些潜在的问题，不得不承认这样一个事实：还有其他代码也可能操作该 ODM 元素。
在其他代码中，你创建的属性会被 for-in 或 Object.keys() 枚举出来；
在其他一些库中也许已经使用了同样的方式（在元素上设置了相同的属性），那么这将和你的代码发生冲突，产生不可预计的结果；
其他一些库可能在将来会使用同样的方式，这也会与你的代码发生冲突；
标准委员会可能会为每个元素添加一个 .isMoving() 原生方法，那么你的代码就彻底不能工作了。
当然，对于最后三个问题，你可以选择一个无意义的不会有人会使用到的字符串：
if (element.__$jorendorff_animation_library$PLEASE_DO_NOT_USE_THIS_PROPERTY$isMoving__) { smoothAnimations(element); } element.__$jorendorff_animation_library$PLEASE_DO_NOT_USE_THIS_PROPERTY$isMoving__ = true; if (element.__$jorendorff_animation_library$PLEASE_DO_NOT_USE_THIS_PROPERTY$isMoving__) { smoothAnimations(element); } element.__$jorendorff_animation_library$PLEASE_DO_NOT_USE_THIS_PROPERTY$isMoving__ = true;
这似乎太不靠谱了，看了让人眼睛痛。
你还可以用加密算法来生成一个几乎唯一的字符串：
// get 1024 Unicode characters of gibberish var isMoving = SecureRandom.generateName(); ... if (element[isMoving]) { smoothAnimations(element); } element[isMoving] = true; // get 1024 Unicode characters of gibberish var isMoving = SecureRandom.generateName(); ... if (element[isMoving]) { smoothAnimations(element); } element[isMoving] = true;
object[name] 语法允许我们将任何字符串作为属性名，代码能正常工作，冲突几乎是不可能了，代码看起来也美观多了。
但是，这回导致糟糕的调试体验，每次使用 console.log() 打印出包含该属性的元素时，你回看到一个庞大的垃圾字符串，并且如果还不止一个这样的属性呢？每次刷新后属性名都发生了变化，怎么样使这些属性看起来更加直观呢？
为什么这么难？我们只是为了保存一个小小的标志位。
用 Symbol 来解决问题
Symbol 值可以由程序创建，并可以作为属性名，而且不用担心属性名冲突。
var mySymbol = Symbol(); var mySymbol = Symbol();
调用 Symbol() 方法将创建一个新的 Symbol 类型的值，并且该值不与其它任何值相等。
与数字和字符串一样，Symbol 类型的值也可以作为对象的属性名，正是由于它不与任何其它值相等，对应的属性也不会发生冲突：
obj[mySymbol] = "ok!"; // guaranteed not to collide console.log(obj[mySymbol]); // ok! obj[mySymbol] = "ok!"; // guaranteed not to collide console.log(obj[mySymbol]); // ok!
下面是使用 Symbol 来解决上面的问题：