【共创季稿事节】随机数生成器:Math.random() 的原理与应用

【共创季稿事节】随机数生成器:Math.random() 的原理与应用



一、引言
随机数是一个看似简单、实则需要严谨处理的概念。从抽奖摇号到游戏掉落、从密码生成到蒙特卡洛模拟,随机数无处不在。本文将讲解随机数生成器的技术原理,以及在 ArkTS 中如何构建一个功能完善的随机数生成工具。

二、伪随机数生成原理
2.1 Math.random() 的真相
JavaScript/TypeScript 中的 Math.random() 并非真正的随机数,而是"伪随机数"(Pseudo-Random Number)。它使用一个确定的算法(在 V8 引擎中是 xorshift128+ 算法)生成看似随机的数字序列。

伪随机数的特性:

确定性的:给定相同的"种子"(seed),生成的随机数序列完全相同
周期性的:序列最终会进入循环,但周期极长(2¹²⁸ 对于 xorshift128+)
统计随机性:通过了 Diehard 和 TestU01 等统计随机性测试
对于绝大多数应用场景(包括游戏、抽奖、密码生成),Math.random() 的随机性完全足够。但对于高安全性场景(如加密密钥生成),应使用 crypto.getRandomValues()。

2.2 生成指定范围内的随机整数
generate(min: number, max: number): number {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
公式解析:

Math.random() 生成 [0, 1) 范围的浮点数
乘以 (max - min + 1) 得到 [0, max-min+1) 范围
Math.floor() 向下取整得到 [0, max-min] 范围整数
加上 min 得到 [min, max] 范围整数
2.3 边界处理
如果用户输入的最小值大于最大值,自动交换:

if (min > max) {
let t = min; min = max; max = t;
}
三、历史记录管理
使用数组记录生成历史:

this.history.unshift(${min} ~ ${max} → ${r}); // 插入到开头
if (this.history.length > 20) this.history.pop(); // 最多保留 20 条
unshift 将新记录插入数组开头,最新的结果始终显示在最上方。

四、UI 交互设计
4.1 大号结果展示
随机数的结果使用超大字体展示:

Text(this.result)
.fontSize(80)
.fontWeight(FontWeight.Bold)
.fontColor(‘#1ABC9C’)
80 号字体的超大数字给用户强烈的视觉冲击,强化"结果揭晓"的仪式感。

4.2 生成按钮
Button(‘🎲 生成!’)
.width(‘80%’)
.height(56)
.fontSize(20)
.backgroundColor(‘#1ABC9C’)
.borderRadius(28)
.shadow({ radius: 6, color: ‘#30000000’, offsetY: 3 })
.onClick(() => { this.generate(); })
大号圆角按钮配合阴影,提供清晰的交互暗示。

五、实际应用场景
5.1 抽奖系统
将随机数生成器扩展为抽奖系统时,只需将范围设置为参与人数范围,生成的随机数即为中奖编号。

5.2 游戏掉落
在游戏中,可以将掉落概率映射到随机数范围。例如,5% 的暴击率可以通过 Math.random() < 0.05 来判断。

5.3 蒙特卡洛模拟
通过大量重复的随机模拟,可以估算复杂系统的概率行为——这是金融、物理、工程领域常用的数值方法。

六、总结
随机数生成器虽然只有几十行代码,但它背后涉及伪随机数生成原理、范围映射、边界处理等计算机科学的基础概念。理解这些概念,对于开发游戏、抽奖、模拟等需要随机性的应用至关重要。