javascript - 哪种方法更适合在 html5 中实现画布？

Question

我想从效率或任何其他角度了解以下两种方法之间的区别：（这些代码是使用 HTML5 Canvas 编写的）

1. 第一个具有单独的函数，包括 drawScreen() 函数和事件处理函数，它们都调用 drawScreen()。

2. 另一个有一个函数 canvasApp()，其中包含所有函数，包括内部的 drawScreen() 以及用于处理事件的其他函数。这些函数再次调用自己内部的 drawScreen 函数。

代码很长，但如果解释不够清楚，我会放代码。

Answer 1

这是一个相当宗教的问题。

Javascript 是一种编程语言，它结合了过程、函数和面向对象编程的概念，因此它允许在许多不同的编程范式中工作。

选项一是过程方法，二是面向对象的方法。我们现在可以无休止地讨论哪种编程范式是最好的，但我们永远不会得出结果。

您必须自己了解哪种编程风格最适合您并且最适合您的应用程序。

Answer 2

听起来您要么想要一个带有参数的函数，该参数指示要调用哪个函数，要么您只想直接调用每个函数。如果我错了，请纠正我。

我个人会选择单独的选项。我看不出将它们封装在全局函数中会带来什么功能或简单性。只要功能明确定义并记录在案，我相信这可能是最好的方法。

我很乐意为您提供更详细的答案，但您将不得不对您的整体架构提供更多启发（也许使用一些伪代码）。