面试官：聊聊BigInt?

BigInt 是什么?

概念

我们知道 JavaScript 中 Number 类型最大的数值为 2^53- 1，也就是 Number.MAX_SAFE_INTEGER。

成都创新互联公司始终坚持【策划先行，效果至上】的经营理念，通过多达十载累计超上千家客户的网站建设总结了一套系统有效的全网整合营销推广解决方案，现已广泛运用于各行各业的客户，其中包括：成都OPP胶袋等企业，备受客户表扬。

BigInt 是一种内置对象，它提供了一种方法来表示大于 2^53 - 1 的整数。也就是说，BigInt 可以表示任意大的整数。

声明

可以在一个整数字面量后面加上 n 或者调用函数 BigInt() 定义一个 BigInt。如下：

const theBiggestInt = 9007199254740991n;
const alsoHuge = BigInt(9007199254740991);
// ↪ 9007199254740991n

类型检测

typeof 检测 BigInt 对象返回 bigint 字符串。

typeof 1n === 'bigint'; // truetypeof BigInt('1') === 'bigint'; // true

BigInt 基础语法和注意点

BigInt 很多时候表现跟 Number 类型很像，但也有很多不同的点，这些点在用到 BigInt 类型的时候，需要思考以下的点：

运算：

说明：

• 除法的时候，当使用 BigInt 时，带小数的运算会被取整

const expected = 4n / 2n;
// ↪ 2n

const rounded = 5n / 2n;
// ↪ 2n, not 2.5n

• 与 Number 混合运算的话。必须转换成同一种类型，有时候会造成精度丢失的问题，所以不建议这么使用
• 在对象中使用 BigInt 的时候，假如使用 JSON.stringify() 会发生类型错误(TypeError)

综上所述，可以看到 BigInt 的使用需要注意的点还是非常多的，并且在和 Number 类型转换的时候还会发生精度丢失问题，因而建议仅在值可能大于2^53 时使用 BigInt 类型。

那么 BigInt 现在有哪些应用场景呢?

BigInt 的应用场景

高精度时间戳

大于 2^53 - 1 的整数的一个应用场景就是高精度时间戳。精确到纳秒级别的时间戳很常见，经常用来记录特定程序的执行事件，以便进行性能分析，BigInt 可以表示高精度时间戳，在后端性能分析、性能调优中发挥作用。

大整数 ID

比如 Twitter 的 id 生成服务，当 id 持续增长时，就会超出 JS 的安全范围，因此要求同时冗余地返回字符串型的 id。假如有 BigInt 类型就可以直接使用。

兼容性 & PolyFill

can i use[1] 中的数据显示，Chrome 的支持度会好很多，IE 全军覆没，整体覆盖 92.25% 的用户。

现在可以使用 JSBI — pure-JavaScript BigInts[2] 这个库来实现 BigInt。JSBI 是直接使用了 V8 和 Chrome 中 BigInt 的设计和实现方式，功能与浏览器中一致，语法稍有不同。假如 BigInt 被所有的浏览器原生支持后，可以使用 babel 插件 babel-plugin-transform-jsbi-to-bigint[3] 移除 JSBI 转为原生的 BigInt 语法。

总结

总体而言，BigInt 可以表示任意大的整数，目前的使用场景是相对较少的。BigInt 的使用需要注意的点还是非常多的，因而建议仅在值可能大于2^53 时使用 BigInt 类型。目前的兼容性一般，可以考虑使用 jsbi 这个库替代。

参考

JSBI — pure-JavaScript BigInts[4]

BigInt-MDN[5]

参考资料

[1]can i use: https://caniuse.com/?search=bigint

[2]JSBI — pure-JavaScript BigInts: https://github.com/GoogleChromeLabs/jsbi

[3]babel-plugin-transform-jsbi-to-bigint: https://github.com/GoogleChromeLabs/babel-plugin-transform-jsbi-to-bigint

[4]JSBI — pure-JavaScript BigInts: https://github.com/GoogleChromeLabs/jsbi

[5]BigInt-MDN: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/BigInt

标题名称：面试官：聊聊BigInt?
当前地址：http://www.shufengxianlan.com/qtweb/news45/99995.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联