Symbol 用法详解，JS高手必学的基础知识

2024-01-27 17:44:56

Symbol是什么？

Symbol 是 JavaScript 中一种新的数据类型，它于 ES6 中引入，用于防止属性名冲突而产生。例如，当我们向第三方对象中添加属性时，就会用到 Symbol。Symbol 的值是唯一的，独一无二的，不会重复。

Symbol 的基本语法

Symbol 的基本语法如下：

const symbol = Symbol();

其中，symbol 是 Symbol 变量的名称，可以是任何有效的 JavaScript 标识符。

Symbol 的常见用法

Symbol 常用于以下场景：

防止属性名冲突 ：当我们向第三方对象中添加属性时，可以使用 Symbol 来防止属性名冲突。例如：

const object = {
  [Symbol('name')]: 'John Doe',
  [Symbol('age')]: 30
};

创建私有变量 ：我们可以使用 Symbol 来创建私有变量。例如：

class Person {
  #name;
  #age;

  constructor(name, age) {
    this.#name = name;
    this.#age = age;
  }

  getName() {
    return this.#name;
  }

  getAge() {
    return this.#age;
  }
}

在上面的示例中，#name 和 #age 是私有变量，只能在 Person 类内部访问。

创建自定义迭代器 ：我们可以使用 Symbol 来创建自定义迭代器。例如：

const iterable = {
  [Symbol.iterator]: function() {
    let i = 0;
    return {
      next: function() {
        if (i < 3) {
          return { value: i++, done: false };
        } else {
          return { value: undefined, done: true };
        }
      }
    };
  }
};

for (const value of iterable) {
  console.log(value); // 0 1 2
}