ES6 中的 Symbol：更好的对象属性标识符

在 ES6 中，新增了一种基本数据类型，即 Symbol。Symbol 类型的值是唯一的，可以作为对象属性的标识符，有助于解决对象属性名冲突的问题。本文将详细介绍 Symbol 的使用，以及如何在前端开发中使用它。

Symbol 的基本用法

Symbol 类型的值可以使用 Symbol() 函数来创建。每个 Symbol 值都是唯一的，即使是通过相同的参数创建，也不会相等。

const symbol1 = Symbol();
const symbol2 = Symbol();

console.log(symbol1 === symbol2); // false

Symbol 类型的值可以作为对象属性的标识符。由于 Symbol 值是唯一的，因此可以避免对象属性名冲突的问题。

const mySymbol = Symbol();

const obj = {
  [mySymbol]: 'hello'
};

console.log(obj[mySymbol]); // 'hello'

Symbol 类型的值还可以作为对象的私有属性。由于 Symbol 值是唯一的，因此可以避免其他代码修改私有属性的值。

-- -------------------- ---- -------
----- -------- - ---------

----- ------- -
  ------------- -
    -------------- - ----------
  -

  ------------ -
    ------ ---------------
  -
-

----- -------- - --- ----------
----------------------------------- -- ---------
-------------------------------- -- ---------

Symbol 的常用方法

Symbol.for()

Symbol.for() 方法可以根据传入的参数创建或返回一个全局 Symbol 值，如果传入的参数已经存在，则返回已有的 Symbol 值。

const mySymbol = Symbol.for('mySymbol');
const mySymbol2 = Symbol.for('mySymbol');

console.log(mySymbol === mySymbol2); // true

Symbol.keyFor()

Symbol.keyFor() 方法可以返回一个已经注册的 Symbol 值的 key，如果 Symbol 值没有被注册，则返回 undefined。

const mySymbol = Symbol.for('mySymbol');
console.log(Symbol.keyFor(mySymbol)); // 'mySymbol'

const mySymbol2 = Symbol('mySymbol2');
console.log(Symbol.keyFor(mySymbol2)); // undefined

Symbol 的应用场景

私有属性

使用 Symbol 可以实现类似于私有属性的功能。在类的构造函数中，可以使用 Symbol 创建一个唯一的属性标识符，然后在类的方法中使用该属性标识符来访问私有属性。

-- -------------------- ---- -------
----- --------------- - ---------

----- ------- -
  ------------- -
    --------------------- - ----------
  -

  ------------ -
    ------ ----------------------
  -
-

----- -------- - --- ----------
----------------------------------- -- ---------
--------------------------------------- -- ---------

迭代器

Symbol.iterator 可以用来定义对象的迭代器方法，使得对象可以被 for...of 循环遍历。

-- -------------------- ---- -------
----- -------- - -
  ----- ------
  ---- ---
  ------------------ --------- -- -
    --- ------ --- -- ----- -
      -- -------------------------- -
        ----- ----- -----------
      -
    -
  -
--

--- ------ ----- ------ -- --------- -
  ---------------- -------
-

模块化

在模块化开发中，可以使用 Symbol 来定义模块的命名空间，避免命名冲突。

const myModule = Symbol('myModule');

export default {
  [myModule]: true,
  foo() {
    console.log('foo');
  }
};

总结

Symbol 是 ES6 中新增的一种基本数据类型，可以作为对象属性的标识符，避免对象属性名冲突的问题。Symbol 还有一些常用的方法，如 Symbol.for() 和 Symbol.keyFor()。在前端开发中，Symbol 可以应用于私有属性、迭代器、模块化等场景。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/658bcf3beb4cecbf2d110fde