【ES6】JS第7种数据类型：Symbol

一、Symbol的由来
二、Symbol的涵义
三、Symbol的判等
四、Symbol的运算与转化
查看更多ES6教学文章：
参考文献

引言：我们知道JS的六大数据类型分别是：Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。现ES6新增第7种数据类型，Symbol类型。

一、Symbol的由来

        ES5的对象属性名都是字符串，这容易造成属性名的冲突。比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法( mixin模式)，新方法的名字就有可能与现有方法产生冲突。
        如果有种机制，能够保证每个属性的名字都是独一无二的就好了，这样就能从根本上防止属性名冲突。这就是ES6引人Symbol的原因。
        ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript语言的第7种数据类型，前6种分别是: Undefined 、Null、布尔值( Boolean)、字符串( String )、数值( Number )和对象( Object)。
        Symbol值通过Symbol函数生成。这就是说，对象的属性名现在可以有两种类型:一种是原来就有的字符串，另一种就是新增的 Symbol类型。只要属性名属于Symbol类型，就是独一无的，可以保证不会与其他属性名产生冲突。
        参考代码块1-1。

/***@@    代码块1-1        @@***/
let s = Symbol(); 
typeof S
// "symbol"

二、Symbol的涵义

在代码块1-1中，变量s就是一个独一无二的值。typeof运算符的结果表明变量s是Symbol数据类型，而不是字符串之类的其他类型。
注意，Symbol函数前不能使用new命令，否则会报错。这是因为生成的Symbol是一个原始类型的值，不是对象。也就是说，由于Symbol值不是对象，所以不能添加属性。基本上，它是一种类似于字符串的数据类型。 Symbol函数可以接受一个字符串作为参数，表示对Symbol实例的描述，主要是为了在控制台显示或转为字符串时比较容易区分。见代码块2-1。

/***@@    代码块2-1        @@***/
var s1 = Symbol('foo');
var s2 = Symbol('bar ');
s1 // Symbol(foo)
s2 // Symbol(bar)
s1.toString() // "Symbol(foo)"
s2.toString() // "Symbol(bar)"

三、Symbol的判等

        上面的代码块2-1中，s1和s2是两个Symbol值。如果不加参数，它们在控制台的输出都是Symbol()，不利于区分。有了参数以后，就等于为它们加上了描述，输出时就能够分清到底是哪一个值。
        注意，Symbol 函数的参数只表示对当前Symbol值的描述，因此相同参数的Symbol函数的返回值是不相等的。
        见代码块3-1。

/***@@    代码块3-1        @@***/
//没有参数的情况
var s1 = Symbol();
var s2 = Symbol();
s1 === s2 // false
//有参数的情况
var s1 = Symbol("foo");
var s2 = Symbol("foo");
s1 === s2 // false

上面的代码中，s1和s2都是Symbo类型的返回值，而且参数相同，但是它们是不相等的。

四、Symbol的运算与转化

Symbol值不能与其他类型的值进行运算，否则会报错。

var sym = Symbol( 'My symbol');

"your symbol is”+ sym
// TypeError: can't convert symbol to string
`your symbol is ${sym}`
// TypeError: can't convert symbol to string

但是，Symbol值可以显式转为字符串。

var syn= Symbol('My symbol'); 

String(sym) // 'Symbol(My symbol)'
sym.toString() // 'Symbol(My symbol)'

另外，Symbol 值也可以转为布尔值，但是不能转为数值。

var sym = Symbol();
Boolean(sym) // true
!sym // false
if (sym) {
  // ...
}

Number(sym) // TypeError
sym + 2 //TypeError

查看更多ES6教学文章：

1. 【ES6】let与const 详解2. 【ES6】变量的解构赋值
3. 【ES6】字符串的拓展
4. 【ES6】正则表达式的拓展
5. 【ES6】数值的拓展
6. 【ES6】数组的拓展
7. 【ES6】函数的拓展
8. 【ES6】对象的拓展
9. 【ES6】JS第7种数据类型：Symbol
10. 【ES6】Proxy对象
11. 【ES6】JS的Set和Map数据结构
12. 【ES6】Generator函数详解
13. 【ES6】Promise对象详解
14. 【ES6】异步操作和async函数
15. 【ES6】JS类的用法class
16. 【ES6】Module模块详解
17. 【ES6】ES6编程规范编程风格

参考文献

阮一峰《ES6标准入门（第2版）》

标签：ES6,s2,Symbol,数据类型,sym,var,s1
From： https://blog.51cto.com/u_15942590/6010590

【ES6】JS第7种数据类型：Symbol