Javascript 提案 BigInt 的一些坑

最新推荐文章于 2025-06-09 10:36:25 发布
原创 最新推荐文章于 2025-06-09 10:36:25 发布 · 6.6k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文总结了JavaScript中BigInt类型的使用陷阱，包括定义形式（支持二进制、八进制、十六进制，不支持科学计数法）、转换为字符串时无后缀、仅有一个零值、等值判断的特例、与Number比较的差异以及类型转换的限制。通过实例展示了BigInt在数组、集合、比较和类型转换等方面需要注意的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

昨天译了一篇文章：BigInt：JavaScript 中的任意精度整数。昨晚又抽空总结了一下 BigInt 的那些坑。

1. 定义形式

BigInt 使用数字字面量加 n 表示支持二进制、八进制、十六进制形式。

对于八进制，只支持新写法 0o064n，不支持旧的写法 0640。

  1. 普通写法：


 
  1. 1n

 
  1. 十六进制：

 

 
  1. 0x6n
  2. 0X6n

 
  1. 八进制：

 

 
  1. 0o6n
  2. 0O6n
  3. 06n  // ❌SyntaxError

 
  1. 二进制：

 

 
  1. 0b10n
  2. 0B10n

 
  1. BigInt 不支持科学计数法形式：

 

 
  1. 1e25n // ❌ SyntaxError

 
2. 转换为字符串

 
当作为 key 时，所有值都会被转换为字符串，而 BigInt 转字符串时是没有后缀 n 的。

 

 
  1. String(12n) === "12"

 
因此：

 

 
  1. let obj = { };
  2. obj[32n] = 1;
  3. obj[32] === 1;

 
数组同理， array[5n] 等同于 array[5] 等同于 array["5"]。

 
注：这并不意味着 array[xxxn] 和 array[xxx] 是一样的。因为 BigInt 可以超越 Number 的安全表示边界。

 

 
  1. let obj = {};
  2. obj[9007199254740993n] = "foo";
  4. obj[9007199254740993n] === "foo"; // ✅
  5. obj["9007199254740993"] === "foo"; // ✅
  6. obj[9007199254740993] === "foo"; // ❌

 
我们可以通过如下代码查一下原因：

 

 
  1. let obj = {};
  2. obj[9007199254740993n] = "foo";
  3. obj[9007199254740993] = "bar";
  5. Object.keys(obj);
  6. // ["9007199254740993", "9007199254740992"]

 
因为 String(9007199254740993)==="9007199254740992"。

 
3. 零值处理

 
因为 BigInt 表示的是整数，所以只存在一个 0（无正零和负零之分）。

 

 
  1. Object.is(-0, 0) === false
  2. Object.is(-0n, 0n) === true

 
注意： BigInt 中没有 +0n，具体原因见上。

 

 
4. 等值判断

 
BigInt 同值判定规则：

 
  1. 数组：

 

 
  1. [0].includes(0n) === false
  2. [0n].includes(0n) === true
  3. [0n].includes(+0) === false
  4. [0n].includes(-0) === false

 
  1. Set：

 

 
  1. new Set([0]).has(0) === true
  2. new Set([0n]).has(0) === false
  3. new Set([0n]).has(0n) === true
  4. new Set([0]).has(0n) === false

 
  1. Map：

 

 
  1. new Map([[0n, 42]]).has(0n) === true
  2. new Map([[0n, 42]]).has(0) === false
  3. new Map([[0, 42]]).has(0) === true
  4. new Map([[0, 42]]).has(0n) === false

 
由于 0 和 0n 不相等，所以在集合中，两者可以共存：

 

 
  1. let s = new Set([0, 0n]);
  2. s.size === 2;
  4. let m = new Map([[0, 42], [0n, 24]]);
  5. m.size === 2;

 
5. 与 Number 比较

 
BigInt 和 Nubmer 的不同。

 
BigInt 只有函数，没有构造器，因此不能使用 new 来创建 BigInt 的实例。

 

 
  1. new Number(0); // ✅
  2. new BigInt(0); // ❌

 
对某些特殊值的处理不同：

 
  1. 当没有参数时， Number 返回 0， BigInt 抛出 TypeError

 

 
  1. Number() // 0
  2. BigInt() // ❌ TypeError

 
  1. 当非数字时， Number 返回 NaN， BigInt 抛出 TypeError 或 SyntaxError

 

 
  1. Number(undefined) // NaN
  2. BigInt(undefined) // ❌ TypeError
  4. Number(null) // 0
  5. BigInt(null) // ❌ TypeError
  7. Number({}) // NaN
  8. BigInt({}) // ❌ SyntaxError
  10. Number("foo")  // NaN
  11. BigInt("foo") // ❌ SyntaxError

 
  1. 两者对于 -0（负零）的处理也不同

 

 
  1. Number(-0) === -0
  2. BigInt(-0) === 0n

 
  1. 两者都会把 true 转换为 1，把 false 转换为 0

 

 
  1. Number(true) === 1n
  2. Number(false) === 0n
  4. BigInt(true) === 1n
  5. BigInt(false) === 0n

 
  1. 对于浮点数， BigInt 抛出 RangeError 异常

 

 
  1. BigInt(4.00000001) // ❌ RangeError

 
  1. 对于 NaN 和正负无穷， BigInt 抛出 RangeError 异常

 

 
  1. BigInt(NaN) // ❌ RangeError
  2. BigInt(-Infinity) // ❌ RangeError
  3. BigInt(+Infinity) // ❌ RangeError

 
6. 类型转换

 
BigInt 不能隐式转换为 Number，所以在接受 Number 作为参数的运算中，将抛出 TypeError 异常

 

 
  1. isNaN(0n) // ❌TypeError
  2. isFinite(0n) // ❌TypeError
  3. Math.abs(-4n) // ❌TypeError
  4. "bar".substr(1n) // ❌TypeError

 
但是 Number 下面的函数可以使用：

 

 
  1. Number.isSafeInteger(0n) === false
  2. Number.isFinite(0n) === false
  3. Number.isNaN(0n) === false
  4. Number.parseInt(0n) === 0

 
7. 继续阅读

 
 
640?wx_fmt=png

 

 


                

        

    

    
  



    

      

        

            

              
                
                  justjava_c
                
              
            

            

                关注
              
            

        

        

          
      

      










                



	

		

			

				
					
jsbi:JSBI是ECMAScript BigInt官方提案的纯JavaScript实现

				
			

			

				

					04-22
				

			

		

		

			
				
JSBI —纯JavaScript BigInts  JSBI是的纯JavaScript实现，正式成为ES2020中JavaScript语言的一部分。 安装 npm install jsbi --save 用法 import JSBI from './jsbi.mjs' ; const max = JSBI . BigInt ( Number . ...

			
		

	



                

            
              



	

		

			

				
					
介绍最新的ECMAScriptJavaScript规范以及TC39的提案进度

				
			

			

				

					08-12
				

			

		

		

			
				
当前，一些热门的提案包括：  1. **Top-LevelAwait**：允许在顶级作用域使用await关键字，使得在脚本中直接等待异步操作成为可能。  2. **Pattern Matching**：一种更强大的模式匹配机制，可能通过解构赋值和switch...

			
		

	



              


  
              

                


	

		

			

				
					
JS中BigInt的使用

				
			

			

				

					聪明勇敢有力气的博客
				

				

					09-18
					
					1153
					
				

			

		

		

			
				
JS中BigInt的使用

			
		

	





	

		

			

				
					
JavaScript使用 BigInt

				
			

			

				

					分享学习网络的点点滴滴
				

				

					05-10
					
					627
					
				

			

		

		

			
				
在 JavaScript 中，最大的安全整数是 2 的 53 次方减 1，即 Number.MAX_SAFE_INTEGER，其值为 9007199254740991。这是因为 JavaScript 中使用双精度浮点数表示数字，双精度浮点数的符号位占 1 位，指数位占 11 位，尾数位占 52 位，因此能够准确表示的整数范围是有限的。超过这个范围的整数可能会失去精度。● 可以看到，超过这个精度，整数的精度就会丢失，可能会出现一些问题。

			
		

	



		

			
		



	

		

			

				
					
big.js 上手教程（最全最详细）

					
最新发布

				
			

			

				

					silverclayz的技术分享
				

				

					06-09
					
					1921
					
				

			

		

		

			
				
Big.js 上手教程摘要：Big.js 是用于任意精度十进制算术的小型 JavaScript 库，可避免浮点数精度问题。安装可通过 npm/yarn 或 CDN 引入。使用前需创建 Big 对象，支持加、减、乘、除等基本运算，还提供比较、绝对值、四舍五入等方法。通过字符串初始化可确保高精度，适用于金融、科学计算等场景。

			
		

	





	

		

			

				
					
javascript中BigInt使用场景及使用方法

				
			

			

				

					Sherry Tian的博客
				

				

					09-16
					
					1399
					
				

			

		

		

			
				
本文讲述javascript中BigInt的使用场景及使用方法

			
		

	





	

		

			

				
					
Javascript如何显示完整的大数加法结果而不是科学计数法形式

				
			

			

				

					Lawless
				

				

					10-13
					
					3752
					
				

			

		

		

			
				
对于正常的Javascript加法操作：



对于2^100在控制台进行计算并不能显示完整，上网查资料进行计算。（第一行为最终代码的计算结果，不显示科学计数法）



如何能达到计算出最上面一行呢？今天在Code wars中刷到这样一道题：

题目描述

题目地址：

https://www.codewars.com/kata/sum-strings-as-numbers



第一次尝试

从...

			
		

	





	

		

			

				
					
浅谈js新增基本类型BigInt

				
			

			

				

					weixin_43247040的博客
				

				

					03-22
					
					3322
					
				

			

		

		

			
				
BigInt是JavaScript中引入的一种新的基本数据类型，主要用于表示任意精度格式的整数。它可以安全地存储和操作大整数，即使这个数已经超出了Number类型能够表示的安全整数范围。

			
		

	





	

		

			

				
					
探索JSBI：JavaScript BigInt的纯JavaScript实现

				
			

			

				

					
				

			

		

		

			
				
资源摘要信息:"JSBI是ECMAScript BigInt官方提案的纯JavaScript实现"  知识点:  1. BigInt概念及应用： BigInt是JavaScript中一种用于表示大于2^53-1的整数的数据类型，它允许你安全地存储和操作大整数，甚至超过...

			
		

	





	

		

			

				
					
超出JavaScript安全整数限制的数字计算BigInt详解

				
			

			

				

					01-19
				

			

		

		

			
				
JavaScript中的基本数据类Number是双精度浮点数，它可以表示的最大安全范围是正负9007199254740991，也就是2的53次方减...数字文字分隔符提案对普通的JavaScript数字文字使用正确。 将这个最大值加一，可以得到预期的结

			
		

	





	

		

			

				
					
JSBI官方ECMAScriptBigInt提案的纯JavaScript实现

				
			

			

				

					08-10
				

			

		

		

			
				
总之，JSBI是JavaScript社区对BigInt提案的有力支持，它使得开发者能够在现有的JavaScript环境中安全、可靠地处理大整数。随着BigInt逐渐成为JavaScript语言的标准部分，JSBI将为过渡到原生BigInt提供平滑的桥梁。...

			
		

	





	

		

			

				
					
RSA前台js+后台java案例（包含Barrett.js、BigInt.js和RSA.js和bcprov-jdk16-140.jar）

				
			

			

				

					08-07
				

			

		

		

			
				
RSA前台加密后台解密案例,包括相关jar包和js文件.

			
		

	





	

		

			

				
					
RSA加密（RSA..js BigInt.js Barrett.js）

				
			

			

				

					12-13
				

			

		

		

			
				
RSA前台加密用到的js文件（RSA.js BigInt.js, Barrett.js）

			
		

	





	

		

			

				
					
BigInt数据类型--JS的精度有限问题

				
			

			

				

					qq_43710066的博客
				

				

					04-20
					
					696
					
				

			

		

		

			
				
JavaScript 中的 Number 是双精度浮点型，这意味着精度有限。Number.MAX_SAFE_INTEGER 就是安全范围内的最大值，为 2**53-1。最小安全值为 Number.MIN_SAFE_INTEGER 值为 -((2**53)-1)。超出安全值的计算都会丧失精度，使用BigInt解决该问题

			
		

	





	

		

			

				
					
解决nodejs中mysql查询数据中bigint类型数据精度缺失问题

				
			

			

				

					xal
				

				

					03-30
					
					2948
					
				

			

		

		

			
				
在查询bigint类型的数据时，出现精度缺失


解决办法
在mysql连接配置文件中，加入
supportBigNumbers: true,
bigNumberStrings: true



这两个配置的作用：
supportBigNumbers：数据库支持bigint或decimal类型列时，需要设此option为true (默认：false)
bigNumberStrings：supportBigNumbers和bigNumberStrings启用 强制bigint或decimal列以JavaScr

			
		

	





	

		

			

				
					
JavaScript基本数据类型之BigInt

				
			

			

				

					lopoi的博客
				

				

					08-15
					
					1252
					
				

			

		

		

			
				
JavaScript基本数据类型之BigInt

			
		

	





	

		

			

				
					
每天一个被拒小技巧——BigInt

				
			

			

				

					HermitSun的博客
				

				

					06-23
					
					945
					
				

			

		

		

			
				
LeetCode 67题题解。

想必经典的模拟加法大家都会，所以看到这题的时候，我就知道一定会有人用BigInt；果然如此。但是那位并没有解释BigInt的相关内容，只是给出了答案，所以这里主要是介绍一下BigInt的内容。先来看写法：
function addBinary(a: string, b: string): string {
  return (BigInt("0b" + a) + BigInt("0b" + b)).toString(2);
}

关于这个写法，可能存在三个疑问：

为什么.

			
		

	





	

		

			

				
					
2021-04-19

				
			

			

				

					qq_41718331的博客
				

				

					04-20
					
					334
					
				

			

		

		

			
				
数据类型转换

一、把原始类型转为对象 Object(value) new Object(value)

二、把其他类型转为布尔

除了 0 NaN null undefined 空字符串转为false以为 其他都是转为true

三、把其他类型转为字符串

除对象以外 其他大部分用引号包起来即可（字符串拼接）bigInt会把n去掉

+左右两边有一边出现了字符串或者部分对象  都是按照字符串拼接

+只存在一边 

let n = '1'

+n ----> 1 数字  ++n ...

			
		

	





	

		

			

				
					
前端必知必会-JavaScript BigInt

				
			

			

				

					qq_24018193的博客
				

				

					11-07
					
					1141
					
				

			

		

		

			
				
本文介绍了JavaScript BigInt的使用，如有问题欢迎私信和评论。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值