Question

We are starting a new project and we have decided to use javascript “”namespaces”” to organize our client side code. The thing is that we have noticed that we can end very easily with super-long namespaces that are dificult to remember like

myProject.components.myComponent.doSomethig();

Is there any better way to do this or create some kind of “alias” somehow?

Thanks.

Answer 1

In JavaScript, you can make shortcut references to long namespaces stuff

 var myComp = myProject.components.myComponent;
 myComp.func1();

This is a reference only. You can do this with other long names and write less like this

 var getEl = document.getElementById, 
     myEl = getEl('divId');

Also you can organize your code with RequireJS to organize your code

// file: myProject/components/myComponent.js

 define(function(){
       var myComponent ={};
       myComponent.func1 = function(){
           ...
       }
       return myComponent;
 });

// file: myProject/main.js

 require(['myProject/components/myComponent',  'myProject/components/myComponent2'], 
 function(comp1, comp2){
         var main = {};
         main.init = function() {
             ...
             comp1.func1();
         }
 });

// file: myProject/index.html

 <script src="libs/require.js" data-main="myProject/main"></script>