Databases
StackOverflow2013
Postsdbo
POJavascript : Best way to declare functions to be used globally?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJavascript : Best way to declare functions to be used globally?
    primarykey
    data
    text
    <p><strong>My javascript file is getting pretty big (3000+ lines) and I'm getting confused as to how to layout my file and delare functions so that they can called anywhere in the file.</strong></p> <p>To summarise my JS file looks a little like this at the moment:</p> <pre><code>//ALL GLOBAL VARIABLES FIRST DECLARED HERE var var1 , var2 ,var3 $(document).ready(function(){ //JQUERY STUFF }); //ALL FUNCTIONS THAT NEED TO BE GLOBAL DECLARED HERE function myFunction(){ //do some stuff here } </code></pre> <p>I am running into problems with this as some functions I call in places don't seem to be declared at the time of calling or aren't available globaly. It's all very confusing now! </p> <p><strong>Could someone suggest the best way to layout a big js/jquery file with certain JS Functions, Objects and Variables available to be referenced anywhere in the file.</strong></p> <p><strong>UPDATE:</strong></p> <p>So to simplify it this correct (see my comments)?</p> <pre><code>window.MainModule = (function($, win, doc, undefined) {//WHAT IS BEING PASSED IN HERE? var foo, bar, modules; //VARIABLES ACCESSIBLE ANYWHERE var modules["foobar"] = (function() {//WHAT IS A MODULE? WHEN WOULD I USE A SEPERATE MODULE? var someFunction = function() { ... };//DECLARING MY FUNCTIONS? ... return { init: someFunction,//IS THIS WHERE I USE/BIND MY FUNCTIONS TO EVENTS AND ELEMENTS? ... }; }()); // hoist a variable into global scope window.Global = someLocal; return { init: function() {//FUNCTION TO INIT ALL MODULES? for (var key in modules) { modules[key].init(); } } }; }(jQuery, this, document)); </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USwilsonpage
    1. USwilsonpage
    plurals
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POJavascript : Best way to declare functions to be used globally?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POJavascript : Best way to declare functions to be used globally?
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POJavascript : Best way to declare functions to be used globally?
      1. USCianan Sims
      1. VTFavorite
    1. COOn a side note, I personally split up my modules into separate files to keep it all organised.
      singulars
      1. POJavascript : Best way to declare functions to be used globally?
      1. USpimvdb
    2. COIn the layout that you have all functions in the 'global' section will be available globally. The file has to have finished downloading before it will 'execute'. The problem you might have is if you were trying to access a global function from a separate script file.
      singulars
      1. POJavascript : Best way to declare functions to be used globally?
      1. USBlair McMillan
    3. COI think splitting up the file in logical parts is the best way. You can always combine it again with build tools. I think even a 500 lines file is too big.... 3000 lines would drive me insane.
      singulars
      1. POJavascript : Best way to declare functions to be used globally?
      1. USFelix Kling
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload