ES12 中的 BigInt 类型使用先请注意此坑！

在 ES6 中，JavaScript 引入了一个新的原始数据类型：Symbol。而在 ES10 中，引入了一个新的内置对象：BigInt。BigInt 是一个可以表示任意大整数的类型，可以解决 JavaScript 中整数精度丢失的问题。但是在使用 BigInt 时，有一些需要注意的坑点，本文将为大家详细介绍。

BigInt 的定义和使用

BigInt 类型是在 ES10 中引入的，它可以表示任意大的整数，使用 BigInt 类型时需要在数字后面加上 n，例如：

const bigIntNum = 1234567890123456789012345678901234567890n;

这里的 n 表示这是一个 BigInt 类型的数字。

BigInt 类型除了可以使用基本的算术运算符之外，还可以使用一些内置方法，例如：

const bigIntNum = 1234567890123456789012345678901234567890n;
const anotherBigIntNum = 9876543210987654321098765432109876543210n;

console.log(bigIntNum + anotherBigIntNum); // 11111111101111111110111111111011111111100n
console.log(bigIntNum * anotherBigIntNum); // 12193263113702179585410522985349128370370370370370370370300n
console.log(bigIntNum.toString()); // "1234567890123456789012345678901234567890"

BigInt 的坑点

虽然 BigInt 类型可以表示任意大的整数，但是在使用时也有一些需要注意的坑点。

1. 不能与普通数值类型混合运算

在 JavaScript 中，BigInt 与普通数值类型不能混合运算，否则会抛出错误。例如：

const bigIntNum = 1234567890123456789012345678901234567890n;
const num = 123;

console.log(bigIntNum + num); // TypeError: Cannot mix BigInt and other types, use explicit conversions

解决方法是将普通数值类型转换为 BigInt 类型，例如：

const bigIntNum = 1234567890123456789012345678901234567890n;
const num = 123;

console.log(bigIntNum + BigInt(num)); // 1234567890123456789012345678901234568013n

2. 不能与 Math 对象一起使用

由于 Math 对象只支持普通数值类型，因此无法与 BigInt 类型一起使用。例如：

const bigIntNum = 1234567890123456789012345678901234567890n;

console.log(Math.abs(bigIntNum)); // TypeError: Cannot convert a BigInt value to a number

解决方法是使用 BigInt 对象的内置方法，例如：

const bigIntNum = 1234567890123456789012345678901234567890n;

console.log(bigIntNum.toString().length); // 37

3. 不能作为对象的属性名

由于 BigInt 类型的数字太过庞大，因此在作为对象的属性名时，会导致一些问题。例如：

const obj = {
  1234567890123456789012345678901234567890n: 'value'
};

console.log(obj[1234567890123456789012345678901234567890n]); // "value"
console.log(obj['1234567890123456789012345678901234567890']); // "value"

解决方法是将 BigInt 类型的数字转换为字符串类型，例如：

const obj = {
  [1234567890123456789012345678901234567890n.toString()]: 'value'
};

console.log(obj[1234567890123456789012345678901234567890n]); // "value"

总结

通过本文的介绍，我们了解了 BigInt 类型的定义和使用方法，并且了解了在使用 BigInt 类型时需要注意的坑点。在实际开发中，我们需要根据实际需求灵活使用 BigInt 类型，并且避免出现上述的坑点。

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