在 ES9 中，BigInt 是一种新增的数据类型，用于表示超出 Number 类型范围的整数值。虽然 BigInt 在大多数现代浏览器中已经得到支持，但在 Safari 浏览器中仍有兼容性问题。在本文中，我们将讨论如何解决 ES9 中的 BigInt 在 Safari 浏览器中的兼容性问题。
问题描述
在 Safari 浏览器中，BigInt 的支持不尽如人意，具体表现在以下几个方面：
- 在 Safari 13（包括移动版）及以下版本中，无法识别 BigInt 类型。
- 在 Safari 14 及以上版本中，可以识别 BigInt 类型，但是 BigInt 类型的常量赋值必须使用
n后缀。
解决方案
1. 使用 polyfill
Polyfill 是一种提供浏览器缺少功能的技术，当浏览器不支持某些新特性时，它会自动提供一些代码来模拟这些特性。可以使用 @babel/polyfill 这个库来为 Safari 浏览器提供 BigInt 支持。具体操作如下：
安装
@babel/polyfill：npm install --save @babel/polyfill
在入口文件中引入
@babel/polyfill：import '@babel/polyfill';
这个方法的缺点是引入的代码比较庞大，会增加页面的加载时间和解析时间。
2. 使用 BigInt 转换函数
如果不想使用 polyfill，或是为了让页面加载速度更快，也可以使用 BigInt 转换函数来解决问题。BigInt 转换函数可以将 Number 类型转换成 BigInt 类型，例如：
const bigIntValue = BigInt(numberValue);
或是将 BigInt 类型转换成 Number 类型，例如：
const numberValue = parseInt(bigIntValue);
这个方法的缺点是需要手动进行数据类型转换，可能需要花费更多的时间和精力，而且在进行大量计算时，可能会对性能产生影响。
3. 使用后缀 n
对于 Safari 14 及以上版本，BigInt 类型的常量赋值必须使用 n 后缀。例如：
const bigIntValue = 12345678901234567890n;
这个方法的缺点是需要手动添加后缀 n，可能会增加代码的复杂性，并且在其他浏览器中可能会产生兼容性问题。
总结
通过本文，我们了解到了如何解决 ES9 中的 BigInt 在 Safari 浏览器中的兼容性问题。可以使用 polyfill 或是 BigInt 转换函数来实现兼容性。如果使用 Safari 14 及以上版本，可以直接在 BigInt 常量中添加 n 后缀来解决问题。在编写代码时，需要根据实际情况选择最适合的解决方案，以兼顾兼容性和性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65b45c77add4f0e0ffd490fa