ECMAScript 2018 中 Symbol 原始数据类型深入解析

在 ECMAScript 2015 规范中,Symbol是一种新增的基本数据类型,它并不是字面量,而是一种独特的原始数据类型,用以表示代码中的唯一标识符。在 ECMAScript 2018 版本中,Symbol被进一步深化和完善,增加了一些新的特性和用法。

Symbol 的基本特性

在使用 Symbol 前需要进行声明,在声明时可以传入一个可选的字符串参数,用于描述该 Symbol 在代码中的具体含义,但该字符串并不影响 Symbol 的唯一性。

--- ------- - ---------
--- ------- - ------------------

Symbol 值可以作为对象的属性名使用,这样就能通过属性名获取到对应的值,这种方式可以避免属性名冲突的问题。

--- ------- - ------------------

--- --- - ---
------------ - --------

-------------------------- -- -------

需要注意的是,使用 Symbol 值作为属性名时,只能通过方括号运算符获取值,不能用点运算符获取值。

--- ------- - ------------------

--- --- - ---
------------ - --------

------------------------- -- ---------
-------------------------- -- -------

Symbol 的新特性

标准内置 Symbol

ECMAScript 2018 在内置 Symbol 属性上增加了新的特性,使得开发者能够更好地控制其对象的行为。

Symbol.iterator

该属性定义了一个返回对象迭代器的默认方法,用于对应对象进行迭代操作。该方法在使用 for...of 循环时被自动调用,也可以手动调用该方法。

--- ---- - --- -- ---

--- -------- - ------------------------

----------------------------------- -- -
----------------------------------- -- -
----------------------------------- -- -

Symbol.toStringTag

该属性定义了一个 toString 方法的标签,用于描述该对象的字符串表示形式。通过该属性,开发者可以自定义对象在进行 toString 操作时输出的结果。

----- -------
  ---------------------- -
    ------ ---------
  -
-

--- ------ - --- ---------

------------------------------- -- ------- -------

Symbol.hasInstance

该属性表示一个构造函数是否可以被某个对象识别为其原型属性,一般用来实现自定义 instanceof 操作符。

----- --------- -
  ------ ------------------------------ -
    ------ -------------- -- ----------------
  -
-

--- ---- - - ------ --- ------- -- --

---------------- ---------- ----------- -- ----

Symbol.asyncIterator

该属性定义了一个返回对象异步迭代器的默认方法。与 Symbol.iterator 类似,该方法在使用 for await...of 循环时被自动调用,也可以手动调用该方法。

其他用法

Symbol.for

该方法用于在全局 Symbol 注册表中搜索一个名为 key 的 Symbol,如果找到该 Symbol 则返回,否则会新建一个 Symbol 并保存到注册表中。

--- ------- - ----------------------

--- ------- - ---------------------- -- ------ ---

------------------- --- --------- -- ----

Symbol.keyFor

该方法用于获取一个 Symbol 在全局注册表中的 key,如果该 Symbol 不在注册表中则返回 undefined。

--- ------- - ----------------------

--- --- - -----------------------

----------------- -- ---------

总结

Symbol 作为一种新的基本数据类型,拥有独特的特性和用法。在 ECMAScript 2018 中,Symbol被进一步深化和完善,增加了一些新的特性和用法。通过灵活使用 Symbol,开发者可以更好地控制其对象的行为,从而提高代码的易读性和灵活性。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/64f83c74f6b2d6eab305d6ed


猜你喜欢

  • Server-sent Events 实现的全双工通信

    Server-sent Events(简称 SSE)是一种实现服务器向客户端推送事件的技术,它与 WebSocket 相似,但并不支持双向通信。SSE 仅支持服务器向客户端发送数据,但它有其优势:SS...

    1 年前
  • 如何在 Node.js 中使用 Superagent 发送 HTTP 请求?

    Superagent 是一个优秀的 Node.js HTTP 客户端库,可以轻松地用来发送 HTTP 请求。它支持 Promise API、流式编程、发送 JSON 和表单数据等特性。

    1 年前
  • Promise 中的回调地狱问题及解决方案

    回调地狱是指在编写异步代码时,由于多层嵌套的回调函数导致代码可读性和维护性变差,难以排查错误的问题。在前端开发中,由于异步操作的频繁使用,回调地狱问题愈发严重。早期 Ajax 的流行使得前端开发者们常...

    1 年前
  • ES7 的字符串 includes 方法详解

    作为前端开发者,我们常常需要对字符串进行操作。而 includes 方法是 ES7 标准引入的新方法,它可以帮助我们更方便地对字符串进行搜索操作。本篇文章将详细介绍 includes 方法的用法及其指...

    1 年前
  • CSS Reset 与响应式 Web 设计的结合实践

    随着网页设计的不断发展,越来越多的人开始关注响应式 Web 设计。但是,在实践中,我们可能会遇到如下问题:当我们使用一些通用的 CSS 样式表库时,这些库中的默认样式可能会与我们的需求相矛盾,导致我们...

    1 年前
  • Koa 项目中如何进行代码监控和错误报告?

    前言 Koa 是一个微型、灵活的 Node.js web 框架,它采用了 async/await 的语法,可以让你使用更简单的方式处理异步操作,非常适合用于构建高效、可扩展的 Web 应用。

    1 年前
  • CSS Grid 布局中如何避免出现重叠的问题?

    CSS Grid 布局是一种强大的前端布局技术,它可以让开发者轻松定义网格化布局,从而更加方便地排版页面元素。但是,在实际开发过程中,开发者可能会遇到一些 CSS Grid 布局方面的问题,例如元素重...

    1 年前
  • 基于 Kotlin 的 JVM 性能优化手册

    作为一名前端工程师,我们经常需要处理各种复杂的业务逻辑以及大量的数据交互。而在实现这些功能时,任何代码都不能完全避免性能瓶颈的问题。针对 JVM 平台,本文将为大家介绍 Kotlin 给我们带来的性能...

    1 年前
  • 如何用LESS实现CSS3顺序动画效果

    在前端开发中,CSS3的动画效果是非常重要的一部分。然而,实现复杂的动画效果并不容易,特别是在需要按照固定的顺序播放多个动画效果的情况下。这时,使用LESS可以帮助我们更加方便地实现CSS3顺序动画效...

    1 年前
  • 在 ES12 中如何正确使用 BigInt 数据类型进行数字计算

    在 JavaScript 中,Number 类型的表示范围是有限的,它可以表示的最大值为 2^53 - 1,而超出这个范围的数字就无法表示了。为了解决这个问题,并支持更大范围的数字计算,ES12 中引...

    1 年前
  • 如何利用 SASS 实现响应式文字大小

    如何利用SASS实现响应式文字大小 在今天的响应式设计中,文字大小自适应显得尤为重要。这是因为如果您不关心与浏览器或设备的兼容性,那么您将浪费客户的时间,并且错误的大小将导致您的网站更难以访问。

    1 年前
  • 如何正确掌握 Babel 处理 JSX 语法的方式

    前言 随着前端技术的不断发展,越来越多的开发者开始关注 React,而 JSX 作为 React 的重要语法,也变得越来越重要。然而,在使用 JSX 的过程中,有时候会遇到一些奇怪的问题,例如为什么我...

    1 年前
  • Deno 如何使用 GraphQL 构建 API

    GraphQL 是一种新的 Web API 查询语言,它的目标是用更少的数据传输完成复杂的数据库查询操作。Deno 是一种新的运行时环境,它专为 JavaScript 和 TypeScript 设计,...

    1 年前
  • 如何在 RESTful API 中使用消息队列

    如何在 RESTful API 中使用消息队列 随着异步和分布式的流行,消息队列也逐渐成为了我们构建高可用和可扩展的系统中的一种重要方式。在 RESTful API 中使用消息队列,可以有效地解决前后...

    1 年前
  • Sequelize ORM 学习笔记:关联查询的一些问题汇总

    Sequelize ORM 学习笔记:关联查询的一些问题汇总 前言 Sequelize ORM 是 Node.js 环境下比较流行的 ORM(Object-Relational Mapping)库,可...

    1 年前
  • Mocha 测试框架中如何测试 iOS 应用程序

    Mocha 是一款前端测试框架,它提供了强大的测试能力,是开发者们进行测试的首选。而且,它不仅仅是前端测试,还包括了后端测试和移动端测试。对于 iOS 应用程序的测试,Mocha 也提供了很好的支持。

    1 年前
  • 在 Kubernetes 中使用 OpenShift 解决 CI/CD 问题

    在现代软件开发中,持续集成和持续交付(CI/CD)已经成为非常重要的环节。随着 Kubernetes 的发展,为了更好地使用 Kubernetes 进行 CI/CD,许多人已经开始使用 OpenShi...

    1 年前
  • Tailwind CSS 详解和使用

    前言 在编写前端样式时,我们通常会遇到大量的 CSS 代码,而这些代码数量庞大,并且需要一定的时间维护,这往往会影响我们的开发效率。因此,Tailwind CSS 就应运而生。

    1 年前
  • 在 ECMAScript 2017 (ES8) 中如何避免闭包的问题

    如果你是一位前端开发者,你肯定已经经历过闭包带来的一些问题了。闭包是一种常见的模式,常常被用来解决作用域的问题,但是也会带来一些难以调试和理解的问题。在 ECMAScript 2017 (ES8) 中...

    1 年前
  • Vue.js 中如何使用 keep-alive 缓存组件状态

    Vue.js 中如何使用 keep-alive 缓存组件状态 一、前言 在我们开发Vue应用的时候,经常会有些组件需要频繁地创建和销毁。但有些情况下,我们希望它们能够保留一些状态,比如用户输入的数据、...

    1 年前

相关推荐

    暂无文章