原文

未经授权，禁止转载！

作者 | Eric Silberstein

译者 | 弯月 责编 | 郑丽媛

出品 | CSDN（ID：CSDNnews）

两周前，我让 GPT-4 从头编写一款应用程序。由于这段经历感觉良好，当时我认为 GPT-4 是非常强大的编程伙伴。然而，上周末我让 GPT-4 扩展这款应用程序，却有了完全不同的体验。

因此，我想通过本文记录整个过程，并分享一些心得和技巧。

我的这款应用程序主要是为了帮助用户学习音程：

▶ 如想尝试这款应用，可前往：https://ericsilberstein.github.io/gpt4-interval-trainer/interval-trainer.html

▶ 如想查看源代码，可前往：https://github.com/ericsilberstein/gpt4-interval-trainer

我询问了 GPT-4 关于如何扩展这款应用程序的想法。

我提问：我们来试试看第 6 个吧，你可以添加这个功能吗？

GPT-4 回答：

当然可以。下面，我们为你的音程听力训练应用添加计时功能。添加这个功能后，用户就可以在规定时间内识别尽可能多的音程。下面，我将提供实现这个功能的代码片段。

首先，更新 HTML，添加计时控制：

看到了吗？有经验的人应该一眼就能看出这段代码中存在两个问题：

▶ 首先，它想让我在 中添加元素，但 HTML 中并没有这个 div。

▶ 其次，它想让我更新函数 handleIntervalButtonClick，但实际上这个函数也不存在。

这不是什么大问题，我之前也遇到过类似的问题，只需要进一步阐明需求。

然而，与之前不同的是，仅仅阐明需求还不够。GPT-4 像一个糟糕的工程师，没有搞清楚整体状况，就根据我的反馈做出了反应，更可怕的是，它还开始随意修改一些不需要改动的代码。

下面举个例子。我指出了一个问题，它开始尝试解决，但它的 handleIntervalButtonClick 引用了一个不存在的变量（isAnswering）和一个不存在的函数（playRandomInterval）：

后来，我尝试了不同的技巧，“提醒”它一些代码。

不过，情况似乎并没有改善。我反复尝试了很多遍，始终没能得到可以正常运行的代码。

它给了我如下带有文档说明的函数：

我将这些函数的文档复制到了源文件中，并在新的聊天中重复了之前的操作，不过 ChatGPT 抱怨我的请求太长，所以我删除了 CSS 文件。

这次它终于成功地生成了代码！虽然用户界面需要完善，但基本要素齐全：你可以选择是否启用计时模式，你可以指定秒数，它会显示一个倒计时，还会在倒计时结束时强制停止练习，并告诉你一共答对了多少道题。

最后一次，ChatGPT 终于生成了可以正常运行的代码，但原因是什么呢？是因为文档，还是因为没有了 CSS，它需要处理的代码量减少了？为了弄清楚，我进行了一些实验，最后发现似乎仅删除 CSS 是不够的。

我们需要反复尝试，才能学会如何与这个外星人（ChatGPT）一起工作。我想知道其他人是否也遇到过这类问题，以及它们如何打破这些限制的。