ES6 中 Symbol 怎么用？示例详解-Toy模板网

这篇具有很好参考价值的文章主要介绍了ES6 中 Symbol 怎么用？示例详解。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。

ES6 中 Symbol 怎么用？示例详解,# Javascript理论与实践,es6,ecmascript,大剑师,symbol

No.	内容链接
1	Openlayers 【入门教程】 - 【源代码+示例300+】
2	Leaflet 【入门教程】 - 【源代码+图文示例 150+】
3	Cesium 【入门教程】 - 【源代码+图文示例200+】
4	MapboxGL【入门教程】 - 【源代码+图文示例150+】
5	前端就业宝典【面试题+详细答案 1000+】

ES6 中 Symbol 怎么用？示例详解,# Javascript理论与实践,es6,ecmascript,大剑师,symbol

一、ES6 Symbol 基本介绍

Symbol 是 ECMAScript 6 引入的一种新的原始数据类型，它是不可变且唯一的。 这意味着每次调用 Symbol() 函数都会创建一个独一无二的值，即使传入相同的描述符也是如此。

// 创建 Symbol
let sym1 = Symbol('description1'); // description1仅为描述信息，不影响符号的唯一性
let sym2 = Symbol('description1');
console.log(sym1 === sym2); // 输出: false

// typeof检查
console.log(typeof sym1); // 输出: "symbol"

代码示例：

// 创建Symbol
let id = Symbol();
let myObj = {};
myObj[id] = 'This is a unique value';
console.log(myObj[id]); // 输出: "This is a unique value"

// 描述符
let symWithDesc = Symbol('description');
console.log(symWithDesc.description); // TypeError: Cannot read property 'description' of a non-object

// Symbol.keyFor() 方法查找已注册的 Symbol 类型的键
let globalSym = Symbol.for('globalKey');
console.log(Symbol.keyFor(globalSym)); // 输出: "globalKey"

// 注意，Symbol.for() 会查找全局 Symbol 注册表，确保同一描述符的 Symbol 在全局范围内是唯一的
let anotherGlobalSym = Symbol.for('globalKey');
console.log(anotherGlobalSym === globalSym); // 输出: true

二、使用场景

唯一标识符：由于 Symbol 值的唯一性，常常被用来作为对象的唯一属性名，防止属性冲突。

let myPrivateProp = Symbol('private');
class MyClass {
  constructor(value) {
    this[myPrivateProp] = value;
  }

  get secretValue() {
    return this[myPrivateProp];
  }
}

模块系统：在某些模块系统或库中，Symbol 可用于创建私有或隐式接口。
Map和Set键：Symbol 可以作为 Map 和 Set 的键，这样就不会与其他数据类型的键产生冲突。
内置 Symbol：ES6 提供了一些内置的 Symbol 值，如 Symbol.iterator 用于对象的迭代器方法。

let arr = ['a', 'b', 'c'];
let iterator = arr[Symbol.iterator]();
console.log(iterator.next().value); // 输出: 'a'

三、用途总结

Symbol 主要用于解决命名冲突的问题，特别是在编写大型应用或库时，可以帮助开发者避免无意间覆盖或访问到对象的内部属性。同时，它也为 JavaScript 提供了一种实现私有属性的间接途径。文章来源地址https://www.toymoban.com/news/detail-855723.html

到了这里，关于ES6 中 Symbol 怎么用？示例详解的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！