ES6：利用 Symbol 构建唯一标识符

前言

在 JavaScript 中，标识符是用来标识变量、函数、属性等名称的。但是，由于 JavaScript 是一门动态语言，很容易出现命名冲突的情况，特别是在多人协作的大型项目中。为了解决这个问题，ES6 引入了一种新的数据类型 Symbol，用来表示独一无二的值。本文将详细介绍 Symbol 的使用方法和指导意义。

Symbol 的定义

Symbol 是 ES6 引入的一种新的基本数据类型，表示独一无二的值。它是一种原始类型，不是对象，也不具有方法。Symbol 值通过 Symbol 函数生成，可以接受一个可选的字符串作为参数，用于描述该 Symbol 值。

let s1 = Symbol();
let s2 = Symbol('foo');
console.log(typeof s1); // "symbol"
console.log(typeof s2); // "symbol"
console.log(s2.toString()); // "Symbol(foo)"

Symbol 的应用

1. 创建唯一的属性名

Symbol 可以用于创建唯一的属性名，防止属性名冲突。

let obj = {};
let name = Symbol('name');
obj[name] = '张三';
console.log(obj[name]); // "张三"

2. 创建私有属性和方法

由于 Symbol 值是独一无二的，因此可以用于创建私有属性和方法，不会与其他属性和方法产生冲突。

// javascriptcn.com 代码示例
let Person = (function() {
  let age = Symbol('age');
  class Person {
    constructor(name, age) {
      this.name = name;
      this[age] = age;
    }
    getAge() {
      return this[age];
    }
  }
  return Person;
})();
let p = new Person('张三', 18);
console.log(p.name); // "张三"
console.log(p.getAge()); // 18
console.log(p.age); // undefined

3. 枚举对象的属性名

由于 Symbol 值是独一无二的，因此可以用于枚举对象的属性名，不会受到其他属性名的干扰。

// javascriptcn.com 代码示例
let obj = {
  [Symbol('a')]: 'a',
  [Symbol('b')]: 'b',
  c: 'c'
};
for(let key in obj) {
  console.log(key); // "c"
}
console.log(Object.getOwnPropertyNames(obj)); // ["c"]
console.log(Object.getOwnPropertySymbols(obj)); // [Symbol(a), Symbol(b)]

总结

Symbol 是一种新的基本数据类型，用于表示独一无二的值。它可以用于创建唯一的属性名、私有属性和方法、枚举对象的属性名等场景，有效避免命名冲突。在实际开发中，我们应该合理使用 Symbol，提高代码的可读性和可维护性。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6561a16bd2f5e1655dba8e15