ES11 中字面量 BigInt 的正确书写方式

在 JavaScript 的最新标准 ES11 中新增了一种称为 BigInt 的类型,它用于表示超出普通 Number 类型范围的整数,即 2^53 - 1 (约为 9 x 10^15)超出了 Number 能表示的取值范围。BigInt 可以表示任意精度的整数,甚至可以用来表示 BigInt 是用来在商业应用、物理学、密码等领域处理极大量数字的理想方法。在本文中,我们将介绍在 ES11 中 BigInt 字面量的正确书写方法,以及使用 BigInt 的一些注意事项。

BigInt 字面量的正确书写方法

在 ES11 中,可以使用数字后加 n 或者使用 BigInt 构造函数来创建 BigInt。其中,使用数字后加 n 的方式是最为常见直接的方式。例如:

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

在 BigInt 字面量中,使用十进制数字来表示整数,而且十进制数字中不能包含任何小数点,包括指数型表示法。同时,也不能在字面量中使用任何数字字面量前缀。例如,以下写法都是错误的:

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

想要判断数值是否为 BigInt 类型,可以使用 typeof 或者 instanceof 进行判断,例如:

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

BigInt 的使用注意事项

BigInt 的使用需要注意以下注意事项:

  • BigInt 与 Number 格式不兼容,它们是不同数据类型。这意味着 BigInt 数据不能与 Number 数据使用加号或其它算数操作符结合使用。例如:

    ----- --------- - ------------------
    ----- --- - --
    --------------------- - -----  -- ---------- ------ --- ------ --- ----- -----
  • BigInt 不能使用 Math 对象上的方法,这些方法仅仅适用于 JavaScript 中的 Number 类型,而不能处理 BigInt 类型的数据。如果需要处理 BigInt 类型数据需要使用 JavaScript 内置的 BigInt 类型的方法。例如:

    ----- --------- - ------------------------------------------
    ---------------------------------- -- ---------- ------ ------- - ------ ----- -- - ------
    --------------------- -- ------ -- -------------------- 
  • 除了使用 BigInt 构造函数,还可以将 Number 数据转换为 BigInt,可以使用带有“n”后缀的 BigInt 字面量, 或者使用 BigInt() 方法进行转换。例如:

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

总结

ES11 中新增的 BigInt 类型让我们可以愉快地处理超过普通 Number 范围的整数。在使用 BigInt 字面量时只需在整数后紧跟一个 n,而在需要进行 BigInt 数据处理或操作时,需要注意 BigInt 与 Number 的不兼容性。但是,BigInt 的使用将大大提高在处理大整数方面的精度和效率。重要的是,要避免在数学计算中将 BigInt 与 Number 相混淆。

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


猜你喜欢

  • 如何在 TailwindCSS 中使用 @apply

    作为一名前端开发者,我们经常需要使用 CSS 框架来提高开发生产效率。TailwindCSS 是近年来流行起来的一个样式框架,它提供了许多实用的工具类,可以帮助我们快速构建样式。

    9 个月前
  • Webpack CommonChunkPlugin 详解

    随着前端项目变得越来越庞大,代码的组织和管理越来越困难,Webpack 工具在前端开发中扮演着越来越重要的角色。其中,Webpack CommonChunkPlugin 是一个优秀的插件,它能够帮助我...

    9 个月前
  • CSS Grid 布局实现悬挂式标签云的技巧总结

    标签云是网站中常见的一种展示标签的方式,它可以让用户快速地了解网站的标签内容。在 Web 前端开发中,通过使用 CSS Grid 布局可以轻松地实现悬挂式的标签云效果。

    9 个月前
  • SASS 中的选择器 - nesting 技巧详解

    SASS 是一种 CSS 预处理器,它为 CSS 提供了更加强大、灵活和易于维护的语言。SASS 中的选择器 nesting 技巧是一种非常实用的技巧,可以帮助我们更加高效地编写 CSS。

    9 个月前
  • 如何在 Headless CMS 中使用自定义字段进行内容管理

    Headless CMS 是一种新兴的内容管理系统,它提供了一个基于 API 的内容管理架构,使得开发者可以更加灵活地构建自己的应用和网站。但是,在使用 Headless CMS 进行内容管理时,如何...

    9 个月前
  • CSS Flexbox 布局下两列宽度固定且自适应的解决方案

    在前端开发中,如何实现两列宽度固定且自适应的布局一直是一个比较棘手的问题。本文将介绍一种基于 CSS Flexbox 布局的解决方案,既简单又实用。 Flexbox 简介 CSS Flexbox 是一...

    9 个月前
  • 在 Koa2 中使用 Socket.io 实现实时聊天应用程序

    简介 Koa2 是 Node.js 中比较流行的 Web 框架,而 Socket.io 是实现实时双向通讯的 JavaScript 库。这篇文章将介绍如何在 Koa2 中使用 Socket.io 实现...

    9 个月前
  • 如何在 Custom Elements 中实现属性的双向绑定

    如何在 Custom Elements 中实现属性的双向绑定 Custom Elements 是 Web Components 技术的一部分,允许开发者创建自定义 HTML 元素并在页面中使用。

    9 个月前
  • Serverless 架构中使用 Elasticsearch 的解决方案

    Serverless 架构中使用 Elasticsearch 的解决方案 随着云计算技术的发展,Serverless 架构已经成为一种越来越受欢迎的开发方式。Serverless 架构的优点在于降低了...

    9 个月前
  • React-Native + Redux 打造跨平台的 SPA 应用

    随着移动端的快速发展,对于开发者而言,如何快速、高效、稳定地开发跨平台的移动应用已经成为了一个关键难题。React-Native 和 Redux 是前端技术中广泛使用并备受瞩目的两个技术,它们的结合能...

    9 个月前
  • Hapi 和 Good 实现 HTTP 事件和指标记录

    背景 在现代 Web 应用程序中,HTTP 事件和指标记录是一项至关重要的任务。在前端项目中,我们需要追踪下列指标: 客户端浏览器类型和版本 访问者的IP地址 响应时间 HTTP状态码 和其他信息 ...

    9 个月前
  • Socket.io 如何在前端使用及其实战技巧

    前言 Socket.io 是一款流行的实时通信库,它可以让开发者在浏览器和服务器之间建立持久连接,并实现双向实时通信。在前端开发中,Socket.io 可以被用来构建实时聊天、在线游戏、协同编辑等实时...

    9 个月前
  • Deno 中如何调试代码?

    Deno 是一个新兴的 JavaScript 和 TypeScript 运行时环境,它在浏览器之外运行 JavaScript,并且具有许多强大的特性,例如安全性、内置的模块加载器、支持顶级异步/awa...

    9 个月前
  • ECMAScript 2018(ES9)中的数组 methods 和 “Array.includes()” 详解

    随着 JavaScript 语言的不断发展,数组作为其中一种经典的数据结构也变得日益复杂和强大起来。在 ECMAScript 2018(ES9)即将发布的时候,我们将看到一些新的数组方法加入进来,同时...

    9 个月前
  • 如何在 Webpack 中配置 LESS 的 loader?

    LESS 是一种动态样式语言,可以为网站添加一些很炫酷的样式。Webpack 是一个强大的前端打包工具,可以用于打包 LESS 等文件。在本文中,我们将学习如何在 Webpack 中配置 LESS 的...

    9 个月前
  • ES7 Array.prototype.includes() 方法的使用和示例

    随着 JavaScript 的发展,新的语言特性和 API 越来越多,其中一个重要的特性就是 ES7 中新增的 Array.prototype.includes() 方法,它可以帮助我们更方便地检查数...

    9 个月前
  • 在 React 中如何使用 TypeScript 实现动态组件

    简介 React 是一个流行的 JavaScript 前端框架,而 TypeScript 是一个提供了类型检查和其他静态分析功能的编程语言。在 React 项目中使用 TypeScript 可以大大提...

    9 个月前
  • 使用 Mocha 和 Chai 在浏览器端进行 JavaScript 单元测试

    在前端开发中,单元测试是至关重要的一环。它可以让开发者在编写代码的同时,对所编写的代码进行测试,确保代码的正确性和稳定性。而 Mocha 和 Chai 则是目前最流行的 JavaScript 单元测试...

    9 个月前
  • 使用 CSS Reset 解决跨浏览器兼容性的问题

    随着前端技术的不断发展和浏览器的不断更新,前端兼容问题也越来越复杂,特别是在不同浏览器之间的兼容性问题。在实际开发中,经常会发现同一段代码在不同浏览器中呈现的效果不同。

    9 个月前
  • RESTful API 中如何实现图片处理功能

    在现代 Web 应用程序中,图片处理是一个重要的需求。为了高效处理图片,并让用户体验更好,图片需要按照不同的需求进行裁剪、调整大小、添加水印等操作。本文将介绍如何在 RESTful API 中实现图片...

    9 个月前

相关推荐

    暂无文章