JavascriptES6中数据类型Symbol的使用详解

JavascriptES6中数据类型Symbol的使⽤详解
介绍
Symbol 是⼀种特殊的、不可变的数据类型，可以作为对象属性的标识符使⽤，表⽰独⼀⽆⼆的值。

Symbol 对象是⼀个symbol primitive data type 的隐式对象包装器。

它是JavaScript语⾔的第七种数据类型，前6种分别是：Undefined、Null、Boolean、String、Number、Object。

语法
Symbol([description])
Parameters
description : 可选的字符串。

可⽤于调试但不访问符号本⾝的符号的说明。

如果不加参数，在控制台打印的都是Symbol，不利于区分。

demo
var s1 = Symbol('symbol1');
s1 //Symbol(symbol1);
因为Symbol函数返回的值都是独⼀⽆⼆的，所以Symbol函数返回的值都是不相等的。

//⽆参数
var s1 = Symbol();
var s2 = Symbol();
s1 === s2 // false
//有参数
var s1 = Symbol('symbol');
var s2 = Symbol('symbol');
s1 === s2 //false
作为属性名的Symbol
由于每⼀个Symbol值都是不相等的，那么作为属性标识符是⼀种⾮常好的选择。

定义⽅式：
let symbolProp = Symbol();
var obj = {};
obj[symbolProp] = 'hello Symbol';
//或者
var obj = {
[symbolProp] : 'hello Symbol';
}
//或者
var obj = {};
Object.defineProperty(obj,symbolProp,{value : 'hello Symbol'});
注意：
定义属性的时候只能将Symbol值放在⽅括号⾥⾯，否则属性的键名会当做字符串⽽不是Symbol值。

同理，在访问Symbol属性的时候也不能通过点运算符去访问，点运算符后⾯总是字符串，不会读取Symbol值作为标识符所指代的值.
Symbol类型定义常量
常量的使⽤Symbol值最⼤的好处就是其他任何值都不可能有相同的值，⽤来设计switch语句是⼀种很好的⽅式。

例如：消除魔术字符串（这⾥留给读者思考，如果有什么疑问，可以给我留⾔）
Symbol.for(),Symbol.keyFor()
Symbol.for()
对于Symbol.for⽅法需要记住两点:
Symbol.for()所返回的Symbol值的作⽤域是整个代码库（包括不同的iframe或者service worker），是⼀个全局的变量,第⼀次产⽣的时候就会登记下来。

调⽤Symbol.for()的时候，如果在全局环境中检索给定的key是否存在，如果不存在才会新建⼀个值,⽽Symbol()不
会，Symbol()每次返回的都是不同的值。

Symbol.for('foo') === Symbol.for('foo'); //true
Symbol('foo') === Symbol('foo'); //false
Symbol.keyFor()
Symbol.keyFor⽅法返回⼀个已登记的Symbol类型的值的key。

var s1 = Symbol.for('foo');
Symbol.keyFor(s1) //"foo"
var s2 = Symbol('foo');
Symbol.keyFor(s2);//undefiend
上⾯的代码中，变量s2属于未登记的Symbol值，所以返回undefined
属性名的遍历
Symbol作为属性名，虽然不是私有属性，但是在for…in,for…of循环中，Object.keys() ,Object.getOwnPropertyNames()都不会获取到。

通常通过两种⽅法达到Symbol属性的遍历。

Object.getOwnPropertySymbols⽅法返回⼀个数组，成员是当前对象的所有Symbol值的属性。

Reflect.ownKeys()可以返回所有类型的键名，包括包括常规的键名和Symbol键名.
下⾯给出⼀个例⼦来解释上⾯所有的。

var obj = {};
var a = Symbol('a');
var b = Symbol('b');
obj[a] = 'hello';
obj[b] = 'world';
//获取不到
for(var i in obj){
console.log(i); //⽆输出
}
Object.getOwnPropertyNames(obj);//[]
//可以获取
var objectSymbols = Object.getOwnPropertySymbols(obj);
objectSymbols// [Symbol(a), Symbol(b)]
Reflect.ownKeys(obj);//[Symbol(a), Symbol(b)]
以Symbol值作为名称的属性不会被常规⽅法遍历所得到。

我们可以利⽤这个特性，为对象定义⼀些⾮私有但⼜希望只⽤于内部的⽅法。

var size = Symbol('size');
class Collection {
constructor(){
this[size] = 0;
}
add(item){
this[this[size]] = item;
this[size]++;
}
static sizeOf(instance){
return instance[size];
}
}
var x = new Collection();
Collection.sizeOf(x); //0
x.add('foo');
Collection.sizeOf(x); //1
Object.keys(x)//['0']
Object.getOwnPropertyNames(x) //['0']
Object.getOwnPropertySymbols(x) //[Symbol(size)]
上⾯的代码中，对象x的size属性是⼀个Symbol值，所以Object.keys(x) 、Object.getOwnPropertyNames(x)都⽆法获取它。

这就造成了⼀种⾮私有的内部⽅法的效果。

如果对ES6定义类⽅⾯还不清楚的，可以先不看这段，或者⾃⼰查查资料，后⾯的⽂章我也
会分享出来，总的来说现在JavaScript的新标准越来越像Java了，⽐如新增的const、let块级作⽤域，class定义类等等。

内置的Symbol值
除了⾃⼰定义的Symbol值外，JavaScript有⼀些内置的Symbol表⽰的内部语⾔⾏为不在ECMAScript 5及以前暴露给开发者。

这些Symbol可以被访问被下列属性:
1、Symbol.iterator
返回对象的默认迭代器的⽅法。

被for…of使⽤
2、Symbol.math
与字符串匹配的⽅法，也⽤于判断对象是否可以⽤作正则表达式.被String.prototype.match()使⽤。

3、Symbol.replace
⼀种⽅法取代匹配字符串的⼦串。

被String.prototype.replace()使⽤。

4、Symbol.search
返回与正则表达式匹配的字符串内返回索引的⽅法。

被String.prototype.search()使⽤。

5、Symbol.split
在与正则表达式匹配的索引处拆分字符串的⽅法。

被String.prototype.split()使⽤.
6、Symbol.hasInstance
确定构造函数对象是否将对象作为实例识别的⽅法。

被instanceof使⽤
7、Symbol.isConcatSpreadable
⼀个布尔值，指⽰对象是否应该被扁平化为数组元素。

被Array.prototype.concat()使⽤.
8、Symbol.unscopables
从关联对象的环境绑定中排除其⾃⾝和继承的属性名称的对象值。

被with使⽤
9、Symbol.species
⽤于创建派⽣对象的构造函数。

10、Symbol.toPrimitive
将对象转换为原始值的⽅法。

11、Symbol.toStringTag
⽤于对象的默认描述的字符串值。

被Object.prototype.toString()使⽤.
我这⾥没给出具体的例⼦，针对这11个属性。

读者⾃⼰主动去把这⼏个属性搞懂，对理解有些⽅法是⾮常有⽤的。

总结
以上就是这篇⽂章的全部内容了，希望本⽂的内容对⼤家的学习或者⼯作能带来⼀定的帮助，如果有疑问⼤家可以留⾔交流，谢谢⼤家对的⽀持。