我完成了有关如何使用JS和HTML / CSS在浏览器中制作俄罗斯方块游戏的教程，但是我很难理解作者的JS部分的编码实践是否良好，如果不好，如何实现改善。为了清楚起见，可以在此处找到有问题的代码：https://github.com/kubowania/Tetris-Basic/blob/master/app.js
我从阅读本文中了解到，作者创建了一个箭头功能，当所有DOM内容均已加载且游戏的所有功能均存在于该功能时运行。我不明白的是为什么他们只是将所有变量，函数和事件监听器似乎只是随意地扔进了一个函数中。我认为这很难遵循，并且想学习如何改进它-这样的最佳做法是什么？有没有办法在文件或其他JS文件中的其他地方声明函数和变量？还是我不正确，这对于JS是完全可以接受的？
我假设您正在谈论文件如何以此开头：
document.addEventListener('DOMContentLoaded', () => {
它工作正常，但可能是随着时间的推移而增长的东西之一。 （至少，通常我经常在事件处理程序中用2或3行编写此确切的代码行，然后几天后，其中包含100项内容，并且需要一点时间进行清理。）
或者我不正确，这对于JS完全可以接受吗？
语言无关。是否可接受，取决于您和使用相同代码的人员。
什么是类似这样的最佳实践？
通常将其分解为模块。在我看来，此代码示例仅是一个示例。使用捆绑程序处理模块可能超出了简单教程的范围。对于参加Udemy课程的人们来说，将所有这些都集中在一个地方可能更容易。