如何使用 Javascript 读取/写入/编辑文件

Question

我想创建一个使用文件保存进度的游戏。是否可以按照这个伪代码的思路做一些事情？

/*game_data = The game's content*/
function saveGame () {
    create_file(game_data, "your-game-progress.txt")
}
function loadGame () {
    game_data = load_file("your-game-progress.txt")
}

有没有办法实现这个，有没有外部库？

Answer 1

您使用的是 React 或 NextJS 之类的框架吗？如果是这样，flat-file 存储有多种选择。

如果您使用的是原始 JS，client-side 存储的唯一实际选择是 localStorage() 方法。

/*game_data = The game's content*/
var game_data = {
   "player_name": "Joe",
   "experience": 4347873,
   "level": 10,
   "HP": 255
};

function saveGame () {
    localStorage.setItem('game_data', game_data);
    //create_file(game_data, "your-game-progress.txt")
}
function loadGame () {
    game_data = localStorage.getItem('game_data');
    //game_data = load_file("your-game-progress.txt")
}

function deleteGame() {
    localStorage.removeItem('game_data');
    /* OR */
    localStorage.clear(); // clears all local storage items
}

然而，问题是当 cookie 过期或用户清除他们的 cookie 或使用不同的浏览器时，游戏数据将会丢失。您可能需要考虑 server-side 解决方案。

如何使用 Javascript 读取/写入/编辑文件

How to Read / Write / Edit Files with Javascript

javascript

file

save

game-development