Symbol) 的使用方法
简介：ES5的对象属性名都是字符串，这就很容易造成属性名的冲突，比如一个项目很庞大，又不是一个人开发 的，就有可能会造成变量名冲突，如果有一个独一无二的名字就好了，这样就能从根本上防止属性名冲突。这就是ES6引入Symbol的原因。
ES6引入的是一种新的原始数据类型Symbol，表示独一无二的，它是JavaScript的第七种数据类型。Symbol值通过Symbol函数生成，只要属性名是属于Symbol类型的，就是独一无二的，可以保证不会与其他属性名产生冲突。
let s = Symbol); typeof s; //"symbol"
上面的代码中s 就是一个独一无二的值，typeof表明s 是symbol数据类型的。
注意：symbol函数前不能使用new关键字，否则会报错，这是因为symbol是原始数据类型，而不是对象，所以不能添加属性。
symbol可以接受一个字符串作为参数，表示对Symbol的描述，主要是在控制台显示时容易区分
var s1 = Symbol"foo"); var s2 = Symbol"bar"); s1 // Symbol"foo") s2 // Symbol"bar") s1.toString) // "Symbolfoo)" s2.toString) // "Symbolbar)
这个参数可以不加，如果不加在控制台输出就是两个Symbol)不利于区分，加上参数就是为了加以区分。
没有参数的两个Symbol是不相等的，例如
// 没有参数的情况 var s1 = Symbol); var s2 = Symbol); s1 == s2 // false // 有参数的情况 var s1 = Symbol"foo"); var s2 = Symbol"foo"); s1 == s2 // false
无论有没有参数都是不相等的
Symbol不能与其他值进行运算，否则会报错
var s1 = Symbol"My Symbol");
"your symbol is" + s1;
// TypeError: can't convert symbol to string
`your symbol is ${s1}`
// TypeError: can't convert symbol to string
Symbole 可以显示的转为字符串，布尔值，但是不能转为数字
// 转为字符串
var s1 = Symbol"My Symbol");
Strings1) // "SymbolMy Symbol)"
s1.toString) // "SymbolMy Symbol)"
//转为布尔值
var s1 = Symbol);
Booleans1) //true
!s1 //false
ifs1) {
// ...
}
//转为数值就会报错
由于每一个Symbol都不相同，那么可以作为标识符作为对象的属性名，保证不会出现同名的的属性
var mySymbol = Symbol);
//第一种写法
var a = {};
a[mySymbol] = "Hello!";
//第二种写法
var a = {
[mySymbol]: "Hellow!"
}
//第三种写法
var a = {};
Object.definePropertya, mySymbol, { value: "Hellow!" });
//以上写法的结果都相同
a[mySymbol] // "Hellow!"
注意：Symbol值作为对象的属性名时不能使用点运算符，同理，在对象的内部使用Symbol值时也必须放在方括号中
let s = Symbol);
let obj = {
[s]: functionarg) {...}
}
//如果s不放在[]中，该属性名就是字符串，而不是Symbol
//可以采用增强的方式在书写上面的代码
let s = Symbol);
let obj = {
[s]arg) {...}
}
Symbol还可以定义一组常量，保证这组常量的值都是不相等的
const COLOR_RED = Symbol);
const COLOR_GREEN = Symbol);
function getComponentcolor) {
switchcolor) {
case: COLOR_RED:
return "red";
case: COLOR_GREEN:
return "green";
default:
throw new Error"Undefind color")
}
}
常量使用Symbol值最大的好处就是，其他任何值都不可能与之相同。
消除魔术字符串
魔术字符串就是指，在代码之中多次出现，与代码形成强耦合的某一个具体的字符串或数字，良好的代码风格应该消除魔术字符串，由含义清晰的变量代替。
function getAreashape, options) {
var area = 0;
switchshape) {
case: "Tringel": // 魔术字符串
area = 5*options.width*options.height;
break;
}
return area;
}
getArea"Tringel", {width: 100, height: 100}); // 魔术字符串
上面的字符串中 Tringel 就是一个魔术字符串，它多次出现，与代码形成强耦合，不利于将来的维护。
var shapeType = {
triangle: "Tringel"
}
function getAreashape, options) {
var area = 0;
switchshape) {
case: shapeType.triangle: // 消除魔术字符串
area = 5*options.width*options.height;
break;
}
return area;
}
getAreashapeType.triangle, {width: 100, height: 100}); //消除魔术字符串
这里就很适合用Symbol来代替
var shapeType = {
triangle: Symbol)
}
更多相关知识，请访问PHP中文网！
以上就是symbol的用法详解的详细内容，更多请关注风君子博客其它相关文章！