javascript - 如何存储整个 Javascript 文件并在每次用户加载页面时加载更改的版本？

Question

我正在制作一个基于文本的游戏，例如 Zork或A Hitchhiker's Guide to the Galaxy ，这是基于网络的，用于一个学年的学校项目。现在我已经构建了一个解析器，并且我的游戏的基本结构已经完成。我的问题是我需要在播放器重新加载页面后保存数据。

我有一个名为“content.js”的 JavaScript 文件，它存储游戏的所有数据，例如玩家的位置、区域中的内容等。
“content.js”包含对象声明以及与这些对象对应的函数，例如“onPickup()”。

我想通过执行一些函数来保存这个文件，并且每次用户加载页面时，它都会加载这个保存的“content.js”版本，而不是原始版本。例如，如果用户更改了某个区域中的某些内容，我需要保存他们的进度，并且在重新加载页面时，该更改将继续存在。

通常我只会将所有这些对象存储在一个数组中，并尝试保存该数组，但因为我在实际游戏之前创建了游戏结构(故事、区域等)，所以我不知道如何我必须保存很多东西，如果在创建这样的数组时忘记其中一个对象，很容易出错。

有什么方法可以保存“content.js”的当前版本并让用户在保存后加载该版本吗？
(注意:我没有在这个项目中使用 JQuery)

Answer 1

您应该看看 HTML5 存储:https://www.html5rocks.com/en/features/storage

你可以这样做:

var gamedata = localStorage.getItem("gamedata");
// modify your game state
// ...
localStorage.setItem("gamedata", gamedata);

http://html5demos.com/storage 有一个简单的演示。您可以输入值，然后关闭窗口并在同一浏览器中的新窗口中打开，然后将显示您以前的值。