ES2021 (ArrayBuffer) 新特性:BigInt64Array 和 BigUint64Array 数组

在 ES2021 中,JavaScript 提供了两个新的视图类型:BigInt64Array 和 BigUint64Array 数组,它们是 ArrayBuffer 的两种新类型。

与其他视图类型相比,这两个新的类型有一个重要的区别是它们用来存储非常大的整数(64 位长整数或 64 位无符号整数)。

这些新类型的出现解决了以前的一些问题,让开发人员可以更加高效地处理大整数,并且增加了很多的可操作性。

使用 BigInt64Array 和 BigUint64Array 数组

BigInt64Array 和 BigUint64Array 数组可以通过创建一个 ArrayBuffer 缓冲区来实例化。

以下是创建一个 4*64 (即 32 bytes) 字节的 BigInt64Array 数组的方法:

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

而以下是创建一个 4*64 (即 32 bytes) 字节的 BigUint64Array 数组的方法:

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

BigInt64Array

BigInt64Array 位于全局对象 window 中,可以通过这个对象调用。

BigInt64Array 用来存储 64 位有符号整数( -9223372036854775808 至 9223372036854775807)。这使得我们可以用它来存储更大范围的整数。

示例代码:

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

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

输出:9007199254740995

BigUint64Array

BigUint64ArrayBigInt64Array 相反。它用来存储 64 位无符号整数(0 至 18446744073709551615)。

示例代码:

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

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

输出:18446744073709551615

总结

ES2021 中的 BigInt64ArrayBigUint64Array 提供了处理大整数的新方式,它们的出现增加了 JavaScript 的可操作性。这些新的视图类型是用于存储应用程序数据的另一种方便的方式,并且在以后的开发中将会变得越来越重要。

本文提供了示例代码,并详细介绍了如何使用 BigInt64ArrayBigUint64Array。这些示例将为对于这些新类型的学习和应用提供一些指导和帮助。

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


猜你喜欢

  • 在 Vue.js 的 SPA 中使用 axios 实现请求和响应拦截器的最佳实践

    在Vue.js的SPA中使用axios实现请求和响应拦截器的最佳实践 Vue.js作为前端开发中的常见框架之一,常常用于开发SPA(Single Page Application)应用程序。

    1 年前
  • 利用 CSS Flexbox 实现响应式图片列表的技巧总结

    随着移动设备的普及,网站的响应式设计已经越来越受到关注。在前端开发中,如何实现响应式图片列表是一个不可避免的问题。本文将会介绍使用 CSS Flexbox 实现响应式图片列表的技巧,以帮助读者更好地应...

    1 年前
  • Chai 如何判断一个对象是否为空?

    在前端开发过程中,我们经常需要判断一个对象是否为空。这是因为在某些情况下,我们只能在对象不为空的情况下执行特定的操作。 Chai是一个流行的JavaScript测试框架,它提供了一些方法来判断一个对象...

    1 年前
  • ES8 中新增的 Object.getOwnPropertyDescriptors() 方法与 Object.create() 方法的运用技巧

    在前端开发中,我们经常需要处理对象的属性。而在 ES8 中,新增了 Object.getOwnPropertyDescriptors() 方法和 Object.create() 方法,为对象属性的处理...

    1 年前
  • Fastify 框架中的 WebSocket 保持连接

    随着现代 Web 应用的发展,WebSocket 技术被广泛应用于实时通信和实时数据传输等需求中。在 Node.js 中,许多优秀的 Web 框架都提供了 WebSocket 功能支持,而 Fasti...

    1 年前
  • PM2 使用教程之部署篇

    前言 对于 Node.js 项目的部署问题,PM2 已经成为了一个非常受欢迎的解决方案。PM2 具有自动化部署、进程守护、负载均衡等多种功能,可以帮助开发者更加方便地管理和部署 Node.js 项目。

    1 年前
  • 在 Webpack 和 Babel 中使用 Decorator 和 Class Extension

    前言 在现代 Web 开发中,前端开发人员需要不断地学习新技术和新概念,以适应不断变化的行业需求。在这个过程中,Webpack 和 Babel 等构建工具也越来越受到前端开发人员的关注和使用。

    1 年前
  • ES7 中的 Set 和 Map 对象

    ES7 中的 Set 和 Map 对象 在 ES6 中,JavaScript 引入了 Set 和 Map 两个新的对象类型,这两个对象类型都提供了一种新的数据存储方式,使得我们可以更方便地对数据进行存...

    1 年前
  • TailwindCSS 如何实现实际尺寸的图像响应式布局?

    在前端开发的过程中,图像的响应式布局是非常重要的一环。在 TailwindCSS 中使用实际尺寸的图像响应式布局,能够有效地优化用户体验和页面性能。在本篇文章中,我们将深入讲解 TailwindCSS...

    1 年前
  • PWA 开发中依赖库版本控制的注意事项

    概述 PWA 是一种旨在弥补本地应用程序和 Web 应用程序之间差距的新型 Web 技术。它通过使用现有的浏览器技术,结合了 Web 应用程序和本地应用程序的优点,旨在提供便捷的离线访问和用户体验。

    1 年前
  • Express.js 中的 CSRF 攻击防御

    CSRF(Cross-Site Request Forgery)攻击是一种常见的网络安全威胁,它利用用户在已登录的网站中的身份验证信息,发送伪造的请求以执行恶意操作。

    1 年前
  • ECMAScript 2019 中的新 API:提高 JavaScript 的性能与效率

    ECMAScript 2019 中的新 API:提高 JavaScript 的性能与效率 JavaScript 是一种高度动态性、弱类型的编程语言,拥有极高的灵活性和开发效率。

    1 年前
  • React 中使用 context 的详解

    在React中,组件之间的通信是一个非常重要的问题。解决这个问题的方式有很多,其中一种方式就是使用React的context机制。本文将详细介绍React中如何使用context,包括定义contex...

    1 年前
  • 使用 Docker Compose 搭建 Ceph 分布式存储系统

    介绍 Ceph 是一款分布式的存储系统,它可以自动化地管理存储硬件资源,并提供弹性和高可用性。使用 Docker Compose 搭建 Ceph 分布式存储系统,可以方便地管理 Ceph 集群的部署和...

    1 年前
  • SASS 语法实用指南

    前端开发是一个快速发展的领域,而 SASS 是一种广泛使用的 CSS 预处理器,它让 CSS 开发变得更加快速、高效和灵活。SASS 提供了一种基于变量、嵌套、混合和继承等特性的 CSS 扩展语言,使...

    1 年前
  • 自定义元素如何实现表格分页功能

    在 Web 开发中,表格是经常用到的元素,而表格分页功能也是非常常见的需求。通常,我们使用第三方库来实现表格分页功能,不过使用自定义元素也可以非常简单地实现。 自定义元素的基本知识 自定义元素是指创建...

    1 年前
  • Angular 自定义指令

    在 Angular 中,指令(Directive)是一种能够扩展 HTML 元素或者属性的方式,可以让开发者在需要的时候添加新的行为或者样式,以及对元素进行数据绑定。

    1 年前
  • ES9 中引入的 String.prototype.matchAll() 的使用方法介绍

    随着 JavaScript 的不断发展,越来越多的新特性被引入,其中包括 ES9 中引入的 String.prototype.matchAll() 方法。该方法可以帮助开发者在字符串中查找所有满足指定...

    1 年前
  • 解决 @import 在 LESS 文件编译时导致的样式问题

    在前端开发中,很多时候我们需要将页面的样式分解成不同的 LESS 文件来进行维护和管理。在这种情况下,常常会使用 @import 来导入不同的 LESS 文件。然而,有些开发者会发现,在编译 LESS...

    1 年前
  • Kubernetes 中的容器自动化部署实现方式

    随着云原生时代的到来,容器化应用的部署方案变得越来越流行。Kubernetes 已经成为了容器编排的事实标准,而容器自动化部署则是 Kubernetes 的核心功能之一。

    1 年前

相关推荐

    暂无文章