一、引言
"猜数字"是一个经典的益智游戏，几乎每个人都玩过：系统随机生成一个数字，玩家通过不断猜测并根据系统的"大了/小了"提示来逼近正确答案。这个游戏的核心思维正是计算机科学中的二分查找（Binary Search）算法。
二、游戏规则
系统在 1-100 之间随机生成一个整数
玩家输入猜测的数字
系统反馈"大了"、"小了"或"正确"
统计玩家的猜测次数
猜对后游戏结束，显示总尝试次数
三、状态设计
@State target: number = Math.floor(Math.random() * 100) + 1; // 目标数字
@State guess: string = ''; // 当前猜测
@State message: string = '猜一个 1~100 之间的数字'; // 反馈信息
@State attempts: number = 0; // 尝试次数
@State gameOver: boolean = false; // 是否结束
@State history: string\[\] = \[\]; // 猜测记录
四、猜数字的核心逻辑
makeGuess() {
let g = parseInt(this.guess);
if (isNaN(g) || g < 1 || g > 100) {
this.message = '请输入 1~100 之间的有效数字';
return;
}
this.attempts++;
if (g === this.target) {
this.message = 🎉 恭喜! 正确! 共猜了 ${this.attempts} 次;
this.gameOver = true;
} else if (g < this.target) {
this.message = 📈 小了, 再大一点! (已猜 ${this.attempts} 次);
} else {
this.message = 📉 大了, 再小一点! (已猜 ${this.attempts} 次);
}
this.guess = '';
}
4.1 二分查找策略
如果玩家一直使用二分法（每次猜测中间值），在 1-100 的范围内最多只需要 7 次就能猜到正确答案：
1-100 → 猜 50
大了 → 1-49 → 猜 25
小了 → 26-49 → 猜 37
...
这是因为 log₂(100) ≈ 6.64，向上取整为 7。
4.2 输入验证
if (isNaN(g) || g < 1 || g > 100) {
this.message = '请输入 1~100 之间的有效数字';
}
防止非法输入。
五、重置与新游戏
Button('🔄 新一局')
.onClick(() => {
this.target = Math.floor(Math.random() * 100) + 1;
this.guess = '';
this.message = '猜一个 1~100 之间的数字';
this.attempts = 0;
this.gameOver = false;
this.history = \[\];
})
五、UI 交互设计
5.1 反馈信息的动态设计
游戏的反馈信息随着状态变化而动态改变，兼顾信息性和情感化：
this.message = 📈 小了, 再大一点! (已猜 ${this.attempts} 次);
this.message = 📉 大了, 再小一点! (已猜 ${this.attempts} 次);
this.message = 🎉 恭喜! 正确! 共猜了 ${this.attempts} 次;
📈 和 📉 的表情符号提供了视觉化的方向提示，减少了用户的阅读负担。
5.2 尝试次数统计
每次猜测都会增加尝试计数并显示：
attempts: number = 0; // 初始为 0
当猜中时，最终次数成为用户成就感的量化指标------次数越少水平越高。
六、二分查找算法详解
6.1 算法原理
二分查找（Binary Search）是计算机科学中最基础的算法之一。它的核心思想是：每次将搜索范围缩小一半。
在猜数字游戏中，最优策略是：
初始范围 1-100，猜测中间值 50
如果提示"大了"，范围缩小到 1-49，猜测 25
如果提示"小了"，范围缩小到 51-100，猜测 75
重复直到猜到正确答案
6.2 时间复杂度
二分查找的时间复杂度为 O(log n)，其中 n 为搜索范围大小。对于 n=100：
最坏情况需要 log₂(100) ≈ 7 次猜测
而线性查找（从 1 开始逐个猜）最坏需要 100 次
这就是算法的力量------指数级的效率提升。
七、拓展方向
难度等级：1-50（简单）、1-200（中等）、1-1000（困难）
计时模式：添加剩余时间限制
多人对战：通过分布式数据同步实现多人竞猜
AI 对手：自动演示二分查找的最优策略
八、总结
猜数字游戏虽然简单，但它是一个绝佳的算法教育工具。它直观地展示了二分查找的核心思想------通过每次排除一半的可能性，快速逼近目标。对于编程学习者来说，亲手实现这个游戏的过程，也是对输入处理、条件判断、状态管理和随机数生成的一次综合练习。