在 ES6 中，我们已经学习了很多新的语言特性，比如箭头函数、解构赋值、模板字符串等。而在 ES7 中，又新增了一个非常重要的引用类型，那就是 Symbol。本文将介绍 Symbol 的概念、用法以及一些实际应用。
Symbol 概念
Symbol 是 ES6 中新增的一种原始数据类型，它是一种类似于字符串的数据类型，但是它的值是唯一的，不可变的。也就是说，每个 Symbol 值都是不同的，即使它们的描述相同。
Symbol 用法
Symbol() 方法
我们可以使用 Symbol() 方法创建一个新的 Symbol 值。Symbol 方法可以接受一个可选的描述参数，用于描述 Symbol 的含义。例如：
const mySymbol = Symbol('mySymbol');
console.log(mySymbol); // Symbol(mySymbol)Symbol.for() 方法
Symbol.for() 方法可以创建一个全局 Symbol，它接受一个字符串参数，用于描述 Symbol 的含义。例如：
const mySymbol = Symbol.for('mySymbol');
console.log(mySymbol); // Symbol(mySymbol)使用 Symbol.for() 方法创建的 Symbol 值可以在任意位置访问，即使在不同的文件或不同的 iframe 中也可以。
Symbol.keyFor() 方法
Symbol.keyFor() 方法可以返回一个全局 Symbol 的描述。例如：
const mySymbol = Symbol.for('mySymbol');
console.log(Symbol.keyFor(mySymbol)); // mySymbol这里需要注意的是，如果传入的不是全局 Symbol，Symbol.keyFor() 方法会返回 undefined。
Symbol 实际应用
防止属性名冲突
在 JavaScript 中，我们经常会使用对象来存储数据。如果多个人在同一个项目中编写代码，并且给对象中的属性命名时没有进行规范，那么就很容易出现属性名冲突的情况。这时候，我们可以使用 Symbol 来避免属性名冲突的问题。例如：
const mySymbol = Symbol('mySymbol');
const obj = {
[mySymbol]: 'hello'
};
console.log(obj[mySymbol]); // hello模块化编程
在模块化编程中，我们经常需要将一些数据或方法暴露给外部调用。如果我们使用字符串作为方法名或属性名，那么就容易出现命名冲突的问题。这时候，我们可以使用 Symbol 来创建一个唯一的方法名或属性名，避免命名冲突的问题。例如：
// javascriptcn.com 代码示例
// module1.js
const mySymbol = Symbol('mySymbol');
export default {
[mySymbol]: () => {
console.log('hello from module1');
}
};
// module2.js
import module1 from './module1';
const mySymbol = Symbol('mySymbol');
module1[mySymbol](); // hello from module1迭代器
在 ES6 中，我们学习了迭代器的概念，它可以用于遍历数组、字符串、Set、Map 等数据结构。在 ES7 中，我们可以使用 Symbol.iterator 来创建一个迭代器。例如：
// javascriptcn.com 代码示例
const mySymbol = Symbol('mySymbol');
const arr = [1, 2, 3];
arr[mySymbol] = function* () {
for (let i = 0; i < this.length; i++) {
yield this[i];
}
};
for (let item of arr) {
console.log(item);
}总结
通过本文的介绍，我们可以看到 Symbol 的概念、用法以及一些实际应用。Symbol 可以避免命名冲突、用于模块化编程、创建迭代器等。在实际开发中，我们可以根据需要灵活使用 Symbol，来提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656de637d2f5e1655d623d67