跳到主要内容

实践：用AI构建你的第一个程序

在我们最后的文章中，我们与AI进行了对话，以设计待办事项应用程序。现在，让我们采取下一步：编写、运行和理解一个完整的程序。我们将构建一个经典数字猜测游戏。

步骤1：提示​

我们将从要求AI为我们生成整个游戏开始。我们将具体说明规则。

你的提示：

"我想在JavaScript中构建一个简单的数字猜测游戏。规则是：

  1. 计算机选择1到100之间的随机数。
  2. 用户被重复要求猜测数字。
  3. 如果猜测太高，告诉用户"太高了！"。
  4. 如果猜测太低，告诉用户"太低了！"。
  5. 当用户正确猜测时，告诉他们"你猜对了！"并结束游戏。 请提供此游戏的完整JavaScript代码。"

步骤2：复制粘贴运行工作流​

AI将生成一个JavaScript代码块。对于本练习，我们将直接在浏览器的开发者控制台中运行它。

  1. 复制代码：复制AI提供的整个JavaScript代码块。
  2. 打开浏览器：在Chrome或Firefox中打开一个新的空标签页。
  3. 打开控制台：在页面上的任何地方右键单击，选择"检查"，然后单击"控制台"标签。
  4. 粘贴并运行：将代码粘贴到控制台并按Enter。

游戏应立即开始，提示你进行第一次猜测。

步骤3：理解代码​

以下是AI可能生成的示例：

// 1. 计算机选择1到100之间的随机数。
const targetNumber = Math.floor(Math.random() * 100) + 1;

let guess = 0;

// 2. 用户被重复要求猜测数字。
while (guess !== targetNumber) {
  guess = parseInt(prompt("猜测1到100之间的数字："));

  // 3. 如果猜测太高，告诉用户"太高了！"。
  if (guess > targetNumber) {
    alert("太高了！");
  // 4. 如果猜测太低，告诉用户"太低了！"。
  } else if (guess < targetNumber) {
    alert("太低了！");
  }
}

// 5. 当用户正确猜测时，告诉他们"你猜对了！"并结束游戏。
alert("你猜对了！数字是" + targetNumber);

通过代码和注释。这个简单的循环是游戏的核心。你使用prompt函数来获取用户输入，并使用alert函数来提供反馈。

步骤4：当事情出错时​

如果你输入"hello"而不是数字会怎样？游戏可能会崩溃。当发生错误时，你可以从控制台复制错误消息并要求AI帮助。

"当我输入文本而不是数字时，我的数字猜测游戏就破了。我收到了这个错误：[粘贴错误消息]。我如何修复我的代码来处理这个问题？"

这是AI辅助开发的核心循环：提示 -> 运行 -> 获取反馈 -> 改进提示。

恭喜！你现在已经在AI的帮助下构建了你的第一个交互式程序。