js-ES6学习笔记-Symbol

一、ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript语言的第七种数据类型，前六种是：Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。

二、Symbol值经过Symbol函数生成。这就是说，对象的属性名如今能够有两种类型，一种是原来就有的字符串，另外一种就是新增的Symbol类型。凡是属性名属于Symbol类型，就都是独一无二的，能够保证不会与其余属性名产生冲突。

三、注意，Symbol函数前不能使用new命令，不然会报错。这是由于生成的Symbol是一个原始类型的值，不是对象。也就是说，因为Symbol值不是对象，因此不能添加属性。基本上，它是一种相似于字符串的数据类型。

Symbol函数能够接受一个字符串做为参数，表示对Symbol实例的描述，主要是为了在控制台显示，或者转为字符串时，比较容易区分。

四、因为每个Symbol值都是不相等的，这意味着Symbol值能够做为标识符，用于对象的属性名，就能保证不会出现同名的属性。这对于一个对象由多个模块构成的状况很是有用，能防止某一个键被不当心改写或覆盖。Symbol值做为对象属性名时，不能用点运算符。在对象的内部，使用Symbol值定义属性时，Symbol值必须放在方括号之中。

五、Symbol实例：消除魔术字符串

魔术字符串指的是，在代码之中屡次出现、与代码造成强耦合的某一个具体的字符串或者数值。风格良好的代码，应该尽可能消除魔术字符串，该由含义清晰的变量代替。

function getArea(shape, options) {
  var area = 0;

  switch (shape) {
    case 'Triangle': // 魔术字符串
      area = .5 * options.width * options.height;
      break;
    /* ... more code ... */
  }

  return area;
}

getArea('Triangle', { width: 100, height: 100 }); // 魔术字符串

上面代码中，字符串“Triangle”就是一个魔术字符串。它屡次出现，与代码造成“强耦合”，不利于未来的修改和维护。

经常使用的消除魔术字符串的方法，就是把它写成一个变量。

var shapeType = {
  triangle: 'Triangle'
};

function getArea(shape, options) {
  var area = 0;
  switch (shape) {
    case shapeType.triangle:
      area = .5 * options.width * options.height;
      break;
  }
  return area;
}

getArea(shapeType.triangle, { width: 100, height: 100 });

上面代码中，咱们把“Triangle”写成shapeType对象的triangle属性，这样就消除了强耦合。

若是仔细分析，能够发现shapeType.triangle等于哪一个值并不重要，只要确保不会跟其余shapeType属性的值冲突便可。所以，这里就很适合改用Symbol值。

const shapeType = {
  triangle: Symbol()
};

上面代码中，除了将shapeType.triangle的值设为一个Symbol，其余地方都不用修改。

摘自http://es6.ruanyifeng.com/#docs/symbol

六、有一个Object.getOwnPropertySymbols方法，能够获取指定对象的全部 Symbol 属性名。

Object.getOwnPropertySymbols方法返回一个数组，成员是当前对象的全部用做属性名的 Symbol 值。

另外一个新的API，Reflect.ownKeys方法能够返回全部类型的键名，包括常规键名和 Symbol 键名。

七、有时，咱们但愿从新使用同一个Symbol值，Symbol.for方法能够作到这一点。它接受一个字符串做为参数，而后搜索有没有以该参数做为名称的Symbol值。若是有，就返回这个Symbol值，不然就新建并返回一个以该字符串为名称的Symbol值。

Symbol.keyFor方法返回一个已登记的 Symbol 类型值的key。