Javascript 垃圾收集暂停

Question

我正在尝试使用 WebGl 在 JavaScript 中创建一个简单的游戏引擎，但我在使用 JavaScript 时遇到了一些不希望出现的问题，我希望这些问题可以避免。除了 JavaScript 总体上缺乏性能外，我在使用 WebGl 进行渲染时遇到了一些奇怪的停顿，这些停顿是周期性发生的，大约每秒一次。我认为这必须在 JavaScript 中的 GC 中发生。无论如何要尽量减少这些“口吃”？是否有任何我应该知道的常见做法，一种强制至少部分垃圾收集在我可以控制的时间发生的方法？

我知道这些都是简单的问题，但我对 JavaScript 还很陌生，在 Internet 上搜索并没有给我很多有用的信息。

Answer 1

尽可能多地重复使用对象。如果您为每个渲染帧创建数十个对象(如向量和矩阵)，那么您肯定会收到与 GC 相关的卡顿。因此，当您使用基于场景图的方法来渲染游戏时，您可能希望在场景图节点中缓存对象。或者您可以使用 Object Pool Pattern .在 Java 等其他语言中，这种技术已被弃用，因为如今对象创建和 GC 速度如此之快，以至于对象池不再有用。但在 JavaScript 中它可能仍然有帮助。

我在去年编写的一个 JavaScript 游戏中遇到了 GC-stutter-problems，我通过重写我的 2D 矢量引擎解决了这个问题，因此在帧渲染期间绝对没有创建新对象。对象仅在构建场景或向其中添加新场景节点时创建一次。但是显示和动画场景绝对不会创建新对象。

您可能想看看我的 2D 引擎:

http://www.ailis.de/~k/hg/javascript/twodee/file/tip/src/main/javascript/twodee

您会注意到我在静态字段中缓存了临时需要的向量和矩阵，并且我使用了可变向量和矩阵类而不是不可变类，因此在对它们进行数学运算时修改现有向量/矩阵而不是创建新的结果向量/矩阵.