ES11 中的 BigInt 类型和数字对象:如何简单地做计算

ES11 引入了一个新的数据类型 BigInt,用于表示大数。在 JavaScript 中,数字的大小最多可以表示到 2^53-1,而 BigInt 可以表示更大的数字,也就是超出了 Number 表示范围的数字。

BigInt 类型的基本使用

BigInt 类型可以通过在数字后加一个 n 的方式创建,例如:

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

可以通过 typeof 运算符来检查一个变量是否是 BigInt 类型:

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

BigInt 类型的运算

BigInt 类型可以进行大部分的运算操作,与普通数字类型的操作是一样的。例如加、减、乘、除、求余等运算符,和比较运算符相同。需要注意的是,不能使用相等运算符 == 比较 BigInt 和 Number 或者 BigInt 和 String 类型的值是否相等,需要使用 === 运算符或者 BigInt 自身的 equals() 方法。

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

数字对象的使用

在 ES6 中,JavaScript 提供了数字对象 Number,用于处理一些数字相关的计算和操作。例如 Math 对象中的一些方法就是用于处理数字的。ES11 中又引入了一些新的 数字对象方法,下面我们来看一下这些方法的使用。

Number.parseInt() 和 Number.parseFloat()

这两个方法和全局的 parseInt() 和 parseFloat() 方法是一样的,都是用于将一个字符串解析成整数或者浮点数。不同的是,全局方法是挂载在 window 或者 global 对象下的,而这两个方法是挂载在 Number 对象下的。

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

Number.isFinite()

这个方法用于判断一个值是否是有限数,如果是则返回 true,否则返回 false。注意,Infinity、-Infinity、NaN 不是有限数,返回 false。

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

Number.isInteger()

这个方法用于判断一个值是否为整数,如果是,则返回 true,否则返回 false。

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

Number.MAX_SAFE_INTEGER 和 Number.MIN_SAFE_INTEGER

JavaScript 中安全的整数范围是 -2^53 到 2^53-1,超过这个范围,计算会出现精度误差。Number 对象提供了两个常量来表示这个范围的最大值和最小值。

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

总结

ES11 中引入的 BigInt 类型和 Number 对象方法,为处理数字类型的计算和运算提供了方便的方法。在实际编写代码的过程中,要注意使用合适的类型和方法,以保证运算的正确性和精度。

示例代码

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

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

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


猜你喜欢

  • 如何使用 Babel 转码器从 ES6 到 ES5

    在前端开发中,我们经常会使用一些新的语言特性和 API 来提高开发效率和代码质量,但是这些新特性并不是所有浏览器都支持的,这时候就需要使用 Babel 这种转码器将代码从 ES6 转换为 ES5,以保...

    1 年前
  • 如何编写高效的 switch-case 表达式:ES11 中新增的秘密武器

    在编写前端代码时,我们经常需要根据不同的条件执行不同的操作。在 JavaScript 中实现这个功能最常见的方法是使用 switch-case 语句。然而,如果使用不当,这种结构可能会导致代码冗长、难...

    1 年前
  • 如何在 Deno 中使用 TypeScript?

    前言 Deno 是一个类似于 Node.js 的 JavaScript/TypeScript 运行时环境,但它在安全性、模块化、异步 I/O 等方面有很多不同之处。

    1 年前
  • CSS Reset 原理与实现方式详解

    前言 在开发 Web 页面时,我们经常会遇到一些兼容性问题,特别是在不同浏览器中的样式表现可能会有很大的差异,这导致我们需要为每个浏览器单独写一份样式表。 而 CSS Reset 就可以帮我们解决这个...

    1 年前
  • 使用 HTML 和 CSS 来实现无障碍体验

    在今天的数字化时代,无障碍体验变得越来越重要。这包括网站和应用程序中的内容和设计,以确保对所有人都可以无障碍地访问。在这篇文章中,我们将深入探讨如何使用 HTML 和 CSS 来实现无障碍体验,帮助更...

    1 年前
  • 详解 React SPA 应用开发的优化方法

    React SPA(单页应用)常常会面临开发效率低下、页面加载速度慢等问题。为了解决这些问题,需要进行合理的优化,以提高开发效率、优化用户体验。本文将详细介绍一些 React SPA 开发的优化方法,...

    1 年前
  • 如何在 GraphQL 中实现分页查询

    GraphQL 是一种用于 API 的查询语言,它可以帮助前端开发者更高效地向后端 API 请求数据,并对数据进行筛选和配置。在实际开发中,需要对大量数据进行分页处理,以确保查询效率和数据的合理性。

    1 年前
  • ECMAScript 2021 新特性之链判断 Optional chaining 详解

    在前端开发中,经常会遇到需要对嵌套的对象或数组进行取值操作的情况,不过我们也会遇到这样的问题,就是在对象或数组中有层级缺失的情况下,使用传统的取值方法会导致代码报错或出现异常情况。

    1 年前
  • Docker 容器中如何安装 Apache Tomcat?

    什么是 Docker? Docker 是一款适用于构建、发布和运行应用程序的开源容器化平台。通过 Docker,开发者可以将应用程序打包成一个可移植的容器,使应用程序可以在任何环境中运行,从而提高了应...

    1 年前
  • Angular如何实现文件上传功能

    文件上传是Web开发中常用的功能之一,Angular作为目前流行的前端框架之一,提供了多种方式实现文件上传功能。本文将介绍Angular的官方指南中提供的方式以及一些常用的第三方库的使用方法,还会分享...

    1 年前
  • 如何使用 ES6/ES7 和 ES10 中的 String.trimStart() 和 String.trimEnd()

    在日常前端开发中,字符串操作是一个重要的部分。JavaScript 提供了很多函数用于字符串操作,包括截取、查找、替换等。其中,ES6/ES7 和 ES10 中新增的 String.trimStart...

    1 年前
  • 如何使用 Enzyme 进行 React 组件的 UI 测试

    在前端开发中,UI 测试是非常重要的一环。随着技术的发展,很多基于 React 的 UI 测试框架也相继出现。Enzyme 是其中比较流行的一种,它提供了一系列工具帮助我们测试 React 组件的 U...

    1 年前
  • ES6 中新增的 let 和 const 变量声明详解

    ES6 中新增的 let 和 const 变量声明详解 在 ES6 之前,JavaScript 声明变量时只有 var 关键字,虽然可以声明全局变量和局部变量,但 var 存在着一些问题。

    1 年前
  • Sass 编译错误:undefined mixin

    在 Sass 开发中,当我们在编译 Sass 文件时,有时会发生 undefined mixin 错误。那么这个错误是如何发生的呢?我们该如何解决这个问题呢?本文将详细解释 undefined mix...

    1 年前
  • Headless CMS 的优势一览

    Headless CMS 是一种新型的内容管理系统,它与传统 CMS 不同的是,它并不包含网站的前端呈现部分,而仅提供数据和内容管理 API。这种架构的 CMS 在 Web 应用发展中表现出优异的性能...

    1 年前
  • 如何在 LESS 中使用 mixins 提高编程效率

    如何在 LESS 中使用 mixins 提高编程效率 LESS 是一种动态样式表语言,可以让你使用变量、函数、运算符来编写 CSS 样式。其中,mixins(混合)是一种功能强大的技术,可以使编写 C...

    1 年前
  • 了解 RESTful API 的几个设计模式

    RESTful API 是一种基于 HTTP/HTTPS 协议设计和实现的 Web API,通常用于构建 Web 应用程序和移动设备应用程序的后端服务。它的设计风格以资源为中心,具有可扩展性、可靠性、...

    1 年前
  • 在 Fastify 应用中使用 Sentry 进行错误跟踪

    简介 Fastify 是一个高效且低开销的 Web 框架,具有许多优秀特性。使用 Fastify 构建应用程序时,我们通常需要跟踪应用程序中的错误和异常,以便及时发现和解决问题。

    1 年前
  • Node.js 异常处理详解

    Node.js 是一种非常流行的编程语言,它可以让开发人员使用 JavaScript 编写服务器端应用程序。不过,像所有编程语言一样,Node.js 程序也会产生异常错误。

    1 年前
  • 处理 Express.js 应用程序的文件上传

    随着 Web 应用程序的不断发展,文件上传已经成为了许多应用程序中必不可少的功能之一。在本文中,我们将探讨如何处理 Express.js 应用程序的文件上传。 什么是文件上传 文件上传是指用户将文件从...

    1 年前

相关推荐

    暂无文章