ES6-Symbol类型

Symbol

ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是javaScript语言的第七种数据类型，前六种是：undefined、null、Boolean、String、Number、Object

直接调用Symbol函数即可生成一个Symbol，注意Symbol函数前不能使用new命令，否则会报错

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

let s1 = Symbol('foor')
let s2 = Symbol('bar')

console.log(s1) //  Symbol(foo)
console.log(s2) // Symbol(bar) 

注意，Symbol函数的参数只是表示对当前Symbol值的描述，因此相同参数的Symbol函数的返回值是不相等的

// 没有参数的情况
let s1 = Symbol()
let s2 = Symbol()

s1 === s2  // false

//有参数的情况
let s1 = Symbol('foo')
let s2 = Symbol('foo')

s1 === s2 // false

1. Symbol做为属性

Symbol值可以作为标识符，由于每一个Symbol值都是不相等的，这意味着就能保证不会出现同名的属性，能防止某一个键被不小心改写或覆盖的情况

注意，在对象的内部，使用Symbol值定义属性时，Symbol值必须是放在方括号中

let mySymbol = Symbol()

// 第一种写法
let a = {}
a[mySymbol] = 'hello'

// 第二种写法
let a = {
	[mySymbol]: 'hello'
}

// 第三种写法
let a = {}
Object.defineProperty(a, mySymbol, { value: 'hello' })


// 以上写法都得到同样结果
a[mySymbol]   // 'hello'

Symbol作为属性名，该属性不会出现在for…in、for…of循环中，也不会被Object.keys()、Object.getOwnPropertyNames()、JSON.stringify()返回。但是，有一个Object.getOwnPropertySymbols方法，可以获取指定对象得所有Symbol属性名

2. Symbol.for

有时，我们希望重新使用同一个Symbol值，Symbol.for方法可以做到这一点，它接受一个字符串作为参数，然后搜索有没有以该参数作为名称的Symbol值。如果有，就返回这个Symbol，否则就新建并返回一个以该字符串为名称的Symbol值

let s1 = Symbol('foo')
let s2 = Symbol('foo')

s1 === s2 // true

Symbol.for()与Symbol()这两种写法，都会生成新的Symbol。他们的区别是，前者会被登记在全局环境中供搜索，后者不会。Symbol.for()不会每次调用就返回一个新的Symbol类型的值，而是会先检查给定的key是否已经存在，如果不存在才会新建一个值。比如，如果你调用Symbol.for(‘cat’)30次，每次都会返回同一个Symbol值，但是调用Symbol(‘cat’)30次，会返回30个不同的Symbol值

3. 内置Symbol

除了定义自己使用的Symbol值以外，ES6还提供了11个内置的Symbol值，指向语言内部使用的方法

• Symbol.hasInstance
• Symbol.isConcatSpreadable
• Symbol.species
• Symbol.match
• Symbol.replace
• Symbol.search
• Symbol.split
• Symbol.toPrimitive
• Symbol.toStringTag
• Symbol.unscopables
• Symbol.iterator，对象的Symbol.iterator属性，指向该对象默认生成遍历器的方法

实例：

1. 消除魔术字符串

function getArea(shape, options) {
	let area = 0

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

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

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

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

2.实现私有属性