ES11 中 BigInt 与 Number 类型的混用引发的报错

简介

BigInt 是 JavaScript 中新增的数据类型，用于表示任意长度整数。ES11 新增 BigInt 类型，允许我们在语言层面上使用非常大的整数，在避免精度问题的同时提供了更多的计算能力。BigInt 类型的值是通过在数字后面添加 n 或者使用 BigInt() 函数来创建的。

js 中的数字类型有两种，一种是 Number 类型，一种是 BigInt 类型。两者的区别是 Number 类型在存储非常大或者非常小的数字时会存在精度问题。而 BigInt 类型则没有这个问题，它可以表示任何整数。

报错示例

当我们用 JavaScript 数字类型的 Number 和 BigInt 类型混用时，可能会遇到以下错误：

Uncaught TypeError: Cannot mix BigInt and other types, use explicit conversions

这是因为在 ES11 中 BigInt 和 Number 不能混用。

以下是示例：

const x = 1n;
const y = 2;

const z = x + y;

在此示例中，变量 x 是 BigInt 类型，而变量 y 是 number 类型。当我们将它们相加时，会得到一个错误，因为 BigInt 和 Number 类型不能混用。这时需要使用 BigInt() 函数将 number 转换成 BigInt 类型：

const x = 1n;
const y = 2;

const z = x + BigInt(y);

这时变量 y 就被转成了 BigInt 类型，现在我们可以正常地将它们加起来。

指导意义

在 ES11 中，BigInt 类型的值和 Number 类型的值是不同的。因此，在编写代码时，必须非常小心。在处理 BigInt 和 Number 类型的值时，我们必须明确它们的类型，并使用适当的函数将它们转换为正确的类型。

在实际编程中，我们可以通过以下几种方式来避免 BigInt 和 Number 类型混用引发的报错：

1. 显示转换类型

当我们需要使用 BigInt 数据类型时，必须显式地将数据转换为 BigInt。这个操作可以通过 BigInt 函数或者在数字后面添加 n 来完成。

1. 避免同时使用 BigInt 和 Number 类型

如果可能的话，应避免同时使用 BigInt 和 Number 类型的值。如果不可避免，则应明确它们的类型，并适当地将它们转换为正确的类型。

1. 使用新的运算符

ES11 新增的运算符可以既能处理 BigInt，又能处理 Number 类型的值。因此，当需要处理不同类型的值时，我们应该尽可能使用新的运算符。

总结

ES11 中新增了 BigInt 数据类型用于支持更大范围内的整数计算，BigInt 类型和 JavaScript 中的 Number 类型是不同的，不可混用。在编写代码时，我们应该非常小心，必须明确各个类型并使用适当的函数来转换它们。

const x = 1n;
const y = 2;

const z = x + BigInt(y);
console.log(z); // 3n

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65a1e7e0add4f0e0ff9ffef3