ES2020 系列:新增基本数据类型 BigInt

简介: ES2020 系列:新增基本数据类型 BigInt

640.png

BigInt


BigInt 是一种特殊的数字类型,它提供了对任意长度整数的支持。

创建 bigint 的方式有两种:在一个整数字面量后面加 n 或者调用 BigInt 函数,该函数从字符串、数字等中生成 bigint。


const bigint = 1234567890123456789012345678901234567890n;
const sameBigint = BigInt("1234567890123456789012345678901234567890");
const bigintFromNumber = BigInt(10); // 与 10n 相同


数学运算符


BigInt 大多数情况下可以像常规数字类型一样使用,例如:


alert(1n + 2n); // 3
alert(5n / 2n); // 2


请注意:除法 5/2 的结果向零进行舍入,舍入后得到的结果没有了小数部分。对 bigint 的所有操作,返回的结果也是 bigint。


我们不可以把 bigint 和常规数字类型混合使用:


alert(1n + 2); // Error: Cannot mix BigInt and other types


如果有需要,我们应该显式地转换它们:使用 BigInt() 或者 Number(),像这样:


let bigint = 1n;
let number = 2;
// 将 number 转换为 bigint
alert(bigint + BigInt(number)); // 3
// 将 bigint 转换为 number
alert(Number(bigint) + number); // 3


转换操作始终是静默的,绝不会报错,但是如果 bigint 太大而数字类型无法容纳,则会截断多余的位,因此我们应该谨慎进行此类转换。


BigInt 不支持一元加法


一元加法运算符 +value,是大家熟知的将 value 转换成数字类型的方法。


为了避免混淆,在 bigint 中不支持一元加法:


let bigint = 1n;
alert( +bigint ); // error


所以我们应该用 Number() 来将一个 bigint 转换成一个数字类型。


比较运算符


比较运算符,例如 <>,使用它们来对 bigint 和 number 类型的数字进行比较没有问题:


alert( 2n > 1n ); // true
alert( 2n > 1 ); // true


但是请注意,由于 number 和 bigint 属于不同类型,它们可能在进行 == 比较时相等,但在进行 ===(严格相等)比较时不相等:


alert( 1 == 1n ); // true
alert( 1 === 1n ); // false


布尔运算


当在 if 或其他布尔运算中时,bigint 的行为类似于 number。

例如,在 if 中,bigint 0nfalse,其他值为 true


if (0n) {
  // 永远不会执行
}


布尔运算符,例如 ||&& 和其他运算符,处理 bigint 的方式也类似于 number:


alert( 1n || 2 ); // 1(1n 被认为是 true)
alert( 0n || 2 ); // 2(0n 被认为是 false)


Polyfill


Polyfilling bigint 比较棘手。原因是许多 JavaScript 运算符,比如 +- 等,在对待 bigint 的行为上与常规 number 相比有所不同。


例如,bigint 的除法总是返回 bigint(如果需要,会进行舍入)。

想要模拟这种行为,polyfill 需要分析代码,并用其函数替换所有此类运算符。但是这样做很麻烦,并且会耗费很多性能。


所以,目前并没有一个众所周知的好用的 polyfill。

不过,JSBI[1] 库的开发者提出了另一种解决方案。


该库使用自己的方法实现了大的数字。我们可以使用它们替代原生的 bigint:


运算 原生 BigInt JSBI
从 Number 创建 a = BigInt(789) a = JSBI.BigInt(789)
加法 c = a + b c = JSBI.add(a, b)
减法 c = a - b c = JSBI.subtract(a, b)
... ... ...


……然后,对于那些支持 bigint 的浏览器,可以使用 polyfill(Babel 插件)将 JSBI 调用转换为原生的 bigint。


换句话说,这个方法建议我们在写代码时使用 JSBI 替代原生的 bigint。但是 JSBI 在内部像使用 bigint 一样使用 number,并最大程度按照规范进行模拟,所以代码已经是准备好转换成 bigint 的了(bigint-ready)。


对于不支持 bigint 的引擎,我们可以“按原样”使用此类 JSBI 代码,对于那些支持 bigint 的引擎 — polyfill 会将调用转换为原生的 bigint。

目录
相关文章
|
4月前
|
JavaScript 前端开发
ES6 中新增的两种数据类型及类型判断 ( 二 )
ES6 中新增的两种数据类型及类型判断 ( 二 )
|
4月前
|
存储 JavaScript 前端开发
ES6 中新增的两种数据类型及类型判断 ( 一 )
ES6 中新增的两种数据类型及类型判断 ( 一 )
|
6月前
|
JavaScript 前端开发 索引
JavaScript有7个数据类型:Number, String, Boolean, Null, Undefined, Symbol(BES6)和BigInt(ES10)组成基本类型
【6月更文挑战第25天】JavaScript有7个数据类型:Number, String, Boolean, Null, Undefined, Symbol(BES6)和BigInt(ES10)组成基本类型,而Object包括Array、Function等是引用类型。Objects可以包含键值对,Array是特殊的Object。Functions也是对象。`null`和`undefined`被视为特殊的原始值。
57 1
|
7月前
|
存储
TS 自定义结构Long与number类型相互转换
TS 自定义结构Long与number类型相互转换
267 0
|
JavaScript 前端开发 索引
ts - 基础类型
TypeScript包含的最简单的数据单元有:数字,字符串,布尔值,Null 和 Undefined等。TypeScript支持与JavaScript几乎相同的数据类型,此外还提供了实用的枚举类型方便我们使用。本节介绍基础类型的布尔值、数字、字符串、数组、元组、枚举、any 和 void 等,其他几种基础类型详见 [基础类型-高级](/advanced/basic-types.html)。
【TS】基础类型
【TS】基础类型
78 0
【TS】基础类型
|
JavaScript
es6数据类型Symbol以及es6操作数组常用的方法
es6数据类型Symbol以及es6操作数组常用的方法
92 0
|
存储 JavaScript 前端开发
数值的扩展方法以及新增数据类型BigInt
数值的扩展方法以及新增数据类型BigInt
114 0
【ES6】Symbol数据类型
【ES6】Symbol数据类型
60 0