Symbol

概述

·①ES5的对象属性名都是字符串，容易造成属性名冲突。
·如，当为一个已有的对象，通过mixin (混合）模式添加新方法或属性时，可能与现有的方法或属性发生名称冲突。

②ES6引入新类型Symbol，表示独一无二的值. 作为JavaScript语言的第7种类型。

③Symbol值通过Symbol()函数生成。

let s = Symbol();
console.log(typeof s);

④Symbol函数前不能使用new命令，因为生成的Symbol是一个原始类型的值，不是对象。

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

let s1 = Symbol('foo');
let s2 = Symbol('bar');
console.log(s1, s1.toString());
console.log(s2, s2.toString());

⑥如果Symbol的参数是一个对象，就会调用其toString方法，将其转换为字符串，然后才生成一个Symbol值。

const obj = {
	toString() {
		return 'abc’;
	}
};
const sym = Symbol(obj);
console.log(sym);

.⑦Symbol函数的参数只表示当前Symbol值的描述。相同参数的Symbol函数的返回值是不相等的。

let s1 = Symbol();
let s2 = Symbol();
console.log('s1==s2', s1 == s2);

let s1 = Symbol('foo');
let s2 = Symbol('foo');
console.log('s1==s2', s1 == s2);

⑧Symbol值不能与其他类型的值进行运算，否则会报错。
⑨Symbol值可以显式的转换为字符串。
⑩Symbol值可以显式的转换为布尔值,但不能转换为数值。

Symbol作为对象属性名保证不会出现同名的属性。
·对一个对象由多个模块构成的情况非常有用，能防止一个键被不小心改写或覆盖。

let proSym = Symbol();
let a = {};
a[proSym] = 'hello';
console.log(a[proSym]);
let b = {
  [proSym]: 'world'
};
console.log(b[proSym]);
let c = {};
Object.defineProperty(c, proSym, { value: 'here' });

Symbol值作为属性名时不能使用点运算符。

let proSym = Symbol();
let a = {};
a.proSym='Hello';
console.log(a[proSym]);
console.log(a['proSym']);

在对象内部使用Symbol值定义属性时,Symbol值必须放在方括号中。

let d = {
	[proSym](name) {
	console.log('hello' + name);
	}
};
d[proSym]('xiaohua');

Symbol类型可以用于定义一组常量，保证这组常量的值都是不相等的。

let log = {};
log.levels = {
	DEBUG: Symbol('debug’),
	INFO: Symbol('info’),
	WARN: Symbol('warn')
};
console.log(log.levels.DEBUG, 'debug message');
console.log(log.levels.INFO, 'info message');

const COLOR_RED = Symbol();
const COLOR_GREEN = Symbol();function getComplements(color) {
	switch (color) {
		case COLOR_RED:
			console.log('red’);
			break;
		case COLOR_GREEN:
			console.log('green’);
			break;
		default:
			throw new Error('Undefined color’);
	}
}
getComplements(COLOR_GREEN);