Symbol()类型的特点及使用场景

Symbol类型，这个类型的功能类似于一种标识唯一性的ID。Symbol类型属于JavaScript中两大数据类型中的基本数据类型，接下来我们就介绍下Symbol类型的一些特点。

一、创建Symbol实例

var a = Symbol();   //通过调用Symbol()函数来创建一个Symbol实例
 
var b = Symbol('symbol');   //调用Symbol()函数时传入一个可选的字符串参数，相当于给你创建的Symbol实例一个描述信息

在我们创建完Symbol实例后，利用typeof()检测变量a和b得到是一个Symbol类型，所以我们可以得到它的第一个特点：它是一种特殊类型，而不是什么object/string类型等。它的第二个特点，如下代码：

二、Sybol的特点

在我们创建完Symbol实例后，利用typeof()检测变量a和b得到是一个Symbol类型，所以我们可以得到它的第一个特点：它是一种特殊类型，而不是什么object/string类型等。它的第二个特点，如下代码：

var a = Symbol();
var b = Symbol();
console.log(a === b);   // false

根据示例代码可以看到，创建的两个Symbol实例是不相等的，所以得到Symbol类型的第二个特点就是：创建的每一个Symbol实例时唯一的，具有唯一性。

三、运用场景

场景一：利用Symbol来作为对象的属性名

先看我们常规定义对象的方式，代码如下：

var person = {
    name: 'kreme',
    age: 12
}
console.log(person.name);   // kreme
console.log(person.age);    // 12

再看利用Symbol()定义对象的属性：

var name = Symbol()
var age = Symbol()
 
var person = {
    [name]: "kreme",
    [age]: 12
}
 
console.log(person[name]);   // kreme 
console.log(person[age]);    // 12

乍一看，两者似乎没什么区别，反而觉得利用Symbol()定义对象的属性的时候更麻烦，还需要先行定义对象的属性，别急，来看看下面的比较，代码如下：

var gender = Symbol();
var person = {
    name: 'kreme',
    age: 12,
    [gender]: 'male'
}
 
Object.keys(person)   // ['name', 'age']
 
for (let p in person) {
   console.log(p)   // 分别会输出：'name' 和 'age'
}
 
Object.getOwnPropertyNames(person)   // ['name', 'age']

当利用两种方式混合定义一个对象属性的时候，我们对创建的person对象的key进行枚举，你会发现，三种枚举的方式均是仅仅打印出了name和age两个属性值，咦？很神奇，有木有！！！！先别惊讶，这个正是Symbol()定义对象的属性的一个特点，Symbol()类型所定义对象的key值是不能通过Object.keys()或者是for...in又或者是Object.getOwnPropertyNames的方式来枚举，因为它没有包含在person对象自身的属性名的集合中，正是这个特点，我们可以利用来给对象定义一些我们不想对外操作和访问的属性，这样我们就可以选择性的给我们的对象定义值了，想暴露的就常规定义，不想让你知道的就不让你访问了。那么问题来了，既然常规方式不能获取到Symbol()类型所定义对象的key值，如果我们想用的话怎么办？放心，看下面这两种获取方式，代码如下：

var gender = Symbol();
var person = {
    name: 'kreme',
    age: 12,
    [gender]: 'male'
}
// 使用Object的API
Object.getOwnPropertySymbols(person) // [[gender]]
 
// 使用新增的反射API
Reflect.ownKeys(person) // [[gender], 'age', 'title']

场景二：使用Symbol()来定义常量

还是先看下常规的定义常量的方式：

const a = 'a';
const b = 'b';
const c = 'c';

常规定义常量的方式很普通，而且看上去似乎也没那么的麻烦，但是，当数据量比较大的时候，我们要定义大批量的常量，这时候对于常量唯一值的设定就很头疼了，因为要去想很多不一样的名字，这个时候，利用Symbol()的唯一性来定义常量就显得是多么的完美了，例如：

const a = Symbol();
const b = Symbol();
const c = Symbol();

场景三：定义某个类的私有属性或方法

在实际开发中，避免不了不同文件中的一些类的调用，但是这个时候有些比较私有的属性和方法不想对外允许访问，这个时候就可以利用Symbol()来定义了（这里就直接借用一下网上的一个案例）：

// 这个是a文件内定义的Login类：
const password = Symbol()
class Login {
    constructor(username, password) {
        this.username = username
        this[password] = password
    }
    checkPassword(pwd) {
        return this[password] === pwd
    }
}
export default Login;   // 对外暴露了login方法
 
// 这个是在b文件内调用a文件中的方法：
const login = new Login('admin', '123456')
login.checkPassword('123456')  // true
login.password        // 无法访问
login[password]       // 无法访问
login["password"]     // 无法访问