哪种方法更适合在html5中实现canvas？

Question

我想从效率或任何其他观点了解以下两种方法之间的差异:(这些代码是使用HTML5 Canvas编写的）

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

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

代码太长了，但如果解释不够清楚，我会把代码放进去。

Answer 1

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

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

我非常乐意为您提供更详细的答案，但您将不得不向我们介绍一下您的整体架构（可能还有一些伪代码）。

Answer 2

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

Javascript是一种编程语言，它结合了程序，功能和面向对象编程的概念，因此它允许在许多不同的编程范例中工作。

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

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