ES6 中的 Symbol 用法及常见问题-JavaScript中文网-JavaScript教程资源分享门户

介绍

Symbol 是 ES6 中新增的一种基本类型，它是一种不可变且唯一的数据类型，可以用来作为对象属性的键值。Symbol 的主要作用是创建一个独一无二的标识符，用于在对象中作为属性名使用，以防止属性名冲突。

Symbol 的使用

基本用法

Symbol 的基本用法非常简单，只需要使用 Symbol() 函数创建一个 Symbol 类型的值即可。例如：

const mySymbol = Symbol();
console.log(typeof mySymbol); // "symbol"

Symbol 的描述

Symbol 可以接受一个字符串作为参数，用于描述该 Symbol 的含义。描述仅用于调试目的，不会影响 Symbol 的唯一性。例如：

const mySymbol = Symbol("my symbol");
console.log(mySymbol.toString()); // "Symbol(my symbol)"

Symbol 作为属性名

Symbol 可以用来作为对象属性的键值，以防止属性名冲突。例如：

const mySymbol = Symbol("my symbol");
const myObject = {
  [mySymbol]: "value"
};
console.log(myObject[mySymbol]); // "value"

Symbol 的全局注册

ES6 中还提供了一个全局注册机制，可以将 Symbol 注册到全局 Symbol 注册表中，使得全局范围内都可以访问该 Symbol。例如：

const mySymbol = Symbol.for("my symbol");
const myObject = {
  [mySymbol]: "value"
};
console.log(Symbol.keyFor(mySymbol)); // "my symbol"

Symbol 的常见问题

如何判断一个属性是否为 Symbol 类型？

可以使用 typeof 运算符来判断一个属性是否为 Symbol 类型。例如：

const mySymbol = Symbol("my symbol");
const myObject = {
  [mySymbol]: "value"
};
console.log(typeof myObject[mySymbol] === "symbol"); // true

如何获取 Symbol 的描述？

可以使用 Symbol 的 toString() 方法来获取 Symbol 的描述。例如：

const mySymbol = Symbol("my symbol");
console.log(mySymbol.toString()); // "Symbol(my symbol)"

如何获取全局注册的 Symbol？

可以使用 Symbol.keyFor() 方法来获取全局注册的 Symbol 的描述。例如：

const mySymbol = Symbol.for("my symbol");
console.log(Symbol.keyFor(mySymbol)); // "my symbol"

Symbol 是否可以被枚举？

Symbol 作为对象属性的键值时默认是不可枚举的。例如：

const mySymbol = Symbol("my symbol");
const myObject = {
  [mySymbol]: "value"
};
console.log(Object.keys(myObject)); // []
console.log(Object.getOwnPropertyNames(myObject)); // []
console.log(Object.getOwnPropertySymbols(myObject)); // [Symbol(my symbol)]

总结

Symbol 是 ES6 中新增的一种基本类型，它是一种不可变且唯一的数据类型，可以用来作为对象属性的键值。Symbol 的主要作用是创建一个独一无二的标识符，用于在对象中作为属性名使用，以防止属性名冲突。Symbol 还有全局注册机制，可以将 Symbol 注册到全局 Symbol 注册表中，使得全局范围内都可以访问该 Symbol。Symbol 作为对象属性的键值时默认是不可枚举的。

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