ES6 中的新的数据类型 Symbol 的使用方式

在 JavaScript 中，变量和函数的命名是通过字符串来表示的，这样容易发生重名的情况。为了解决这个问题，ES6 中引入了一种新的数据类型 Symbol，可以产生全局唯一的值。

Symbol 类型的定义

Symbol 是 ES6 中引入的一种基本数据类型，通过 Symbol() 构造函数创建。Symbol() 函数可以接受一个可选的字符串参数作为 Symbol 值的描述。

示例代码：

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

Symbol() 函数创建的每个 Symbol 值都是唯一的，即使传入的参数是相同的字符串。

Symbol 类型的应用

Symbol 类型可以用于对象的属性名。由于 Symbol 值是唯一的，所以可以保证不会发生属性名重复的情况。

示例代码：

const mySymbol = Symbol('mySymbol');
const obj = {
  [mySymbol]: 'This is a symbol property'
};
console.log(obj[mySymbol]); // 'This is a symbol property'

除此之外，还有一些内部使用的 Symbol 值，可以在特定的场景下使用。

1. Symbol.iterator

Symbol.iterator 是用于定义对象迭代器的 Symbol 值。实现上，需要在对象上实现一个 @@iterator 方法，即可让该对象可被 for..of 循环遍历。

示例代码：

const myIterable = {
  [Symbol.iterator]: function* () {
    yield 1;
    yield 2;
    yield 3;
  }
};
for (let value of myIterable) {
  console.log(value);
}
// Output: 1
//         2
//         3

2. Symbol.match

Symbol.match 是用于指定字符串的正则匹配规则的 Symbol 值。实现上，需要在对象上实现一个 @@match 方法，即可对该对象进行正则匹配。

示例代码：

class MyMatcher {
  [Symbol.match](str) {
    return str.indexOf('x') !== -1;
  }
}
console.log('hello world'.match(new MyMatcher())); // null
console.log('hello x world'.match(new MyMatcher())); // 'x'

3. Symbol.toPrimitive

Symbol.toPrimitive 是用于定义对象的原始类型转换规则的 Symbol 值。实现上，需要在对象上实现三个方法：valueOf、toString 和 Symbol.toPrimitive，其中 Symbol.toPrimitive 方法必须返回 number、string 或 boolean。

示例代码：

const obj = {
  valueOf() {
    return 42;
  },
  toString() {
    return 'hello';
  },
  [Symbol.toPrimitive](hint) {
    if (hint === 'number') {
      return 17;
    } else {
      return 'world';
    }
  }
};
console.log(obj + 1); // 18
console.log(1 + obj); // '1world'

总结

Symbol 类型是 ES6 中引入的一种新的基本数据类型，可以产生全局唯一的值。Symbol 类型的应用非常广泛，可以用于对象的属性名、定义对象迭代器、指定字符串的正则匹配规则和定义对象的原始类型转换规则等场景。初学者可以通过学习和使用 Symbol 类型，提升 JavaScript 的编程能力和实践经验。

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