Question

I want to know differences between the two following approaches from efficiency or any other point of views:(these codes are written using HTML5 Canvas)

1. first one has separate functions including drawScreen() function and event handling functions which all call the drawScreen().

2. the other one has a function canvasApp() which contains all the functions including drawScreen() inside along with other functions for handling the events. these function again call the drawScreen function inside themselves.

the codes are so long but if the explanation is not clear enough I will put the codes.

Answer 1

It sounds like you either want to have one function that takes a parameter which indicates which function to call, or you want to simply call each function directly. Please correct me if I am wrong.

I would personally go with the separate options. I don’t see what encapsulating them inside a global function would bring in terms of functionality or simplicity. As long as the functions are clearly defined and documented I believe this is probably the best approach.

I would be more than happy to give you a more detailed answer, but you are going to have to enlighten us a bit more on your overall architecture (maybe with some pseudocode).