致命错误：为什么你的应用可能因为Math.random()而被黑-编程阁

你是否曾经在开发过程中随手写下Math.random()，然后就心安理得地认为"这应该足够随机了"？当你在构建一个密码系统、生成唯一标识符或创建安全令牌时，这个看似无害的代码行可能正悄悄地为黑客打开一扇大门。今天，我将带你揭开JavaScript中随机数生成的真相，看看为什么99%的开发者都在用一个"致命"的随机数生成器。

伪随机数的真相：你被"假随机"骗了

在计算机世界里，"真正的随机"几乎是不可能的。我们只能通过算法模拟随机性，而这就是伪随机数生成器（PRNG）的用武之地。浏览器中的Math.random()就是基于PRNG实现的。

PRNG的工作原理是：从一个初始种子开始，通过固定算法不断生成新的随机值。V8引擎（Chrome、Node.js等使用的JavaScript引擎）使用了名为xorshift128+的算法，它使用128位内部状态，理论上可以产生2^128-1个伪随机值。

问题在于：PRNG的输出是完全可预测的。如果攻击者知道了PRNG的内部状态，他们就能精确预测后续生成的随机数。想象一下，如果你用Math.random()生成了加密密钥，黑客只需知道PRNG的初始状态，就能算出你的密钥！

为什么Math.random()不适合加密？

让我们用一个简单的例子说明：

// 生成一个随机密钥constsecretKey=Math.random().toString(36).substr(2,15);

这段代码看似简单，但生成的密钥完全可预测。黑客可以通过分析你的代码和PRNG的工作原理，预测出你生成的密钥。

PRNG的局限性：

生成速度很快，但安全性低
内部状态可被预测
不适合用于加密、密钥生成等安全敏感场景

密码学安全的解决方案：Web Cryptography API

为了解决PRNG在安全场景下的缺陷，密码学安全伪随机数生成器（CSPRNG）应运而生。CSPRNG在PRNG的基础上增加了"熵"作为输入，例如硬件时间或其他无法预测的系统特性。这使得生成的随机数难以预测，适合用于加密。

Web Cryptography API引入了CSPRNG，通过crypto.getRandomValues()在全局Crypto对象上访问。

如何使用crypto.getRandomValues()

与Math.random()返回介于0和1之间的浮点数不同，getRandomValues()会把随机值写入作为参数传给它的定型数组：

// 生成5个8位随机值constarray=newUint8Array(1);for(leti=0;i<5;++i){console.log(crypto.getRandomValues(array));}// 输出类似: Uint8Array [41], Uint8Array [250], ...

getRandomValues()最多可以生成65536字节（2^16）的随机值，超出会抛出错误：

constfooArray=newUint8Array(2**16);console.log(window.crypto.getRandomValues(fooArray));// 成功constbarArray=newUint8Array((2**16)+1);console.log(window.crypto.getRandomValues(barArray));// Error

用CSPRNG重新实现Math.random()

如果你想用CSPRNG生成介于0和1之间的浮点数，可以这样做：

functionrandomFloat(){constfooArray=newUint32Array(1);constmaxUint32=0xFFFFFFFF;returncrypto.getRandomValues(fooArray)[0]/maxUint32;}console.log(randomFloat());// 0.5033651619458955

Math.random() vs crypto.getRandomValues()：关键对比

特性	Math.random()	crypto.getRandomValues()
安全性	低（不适合加密）	高（密码学安全）
速度	快	较慢（因为需要高熵输入）
返回类型	0~1的浮点数	定型数组（如Uint8Array）
最大生成长度	无限制	最多65536字节
适用场景	UI随机元素、简单随机选择	密钥生成、加密、安全令牌

实际应用场景

1. 安全令牌生成

functiongenerateSecureToken(length=32){constarray=newUint8Array(length);window.crypto.getRandomValues(array);returnArray.from(array,byte=>('0'+byte.toString(16)).slice(-2)).join('');}consttoken=generateSecureToken();console.log(token);// 例如: "a3b8c1d2e5f6a7b8c9d0e1f2a3b4c5d6"

2. 生成随机整数

functiongetRandomInt(min,max){constarray=newUint32Array(1);window.crypto.getRandomValues(array);constrandomValue=array[0]%(max-min+1);returnmin+randomValue;}console.log(getRandomInt(10,20));// 15