Namespace Pattern

General Purpose Namespace Pattern


  // Before creating namespace
  // let's check first that it
  // doesn't already exist

  let App;
  if(typeof App === 'undefined') {
    App = {}
  }


  // It's handy to have a
  // reusable function that takes
  // care of the namespacing details
  
  App.define = function(namespace) {
      let parts = namespace.split('.'),
      parent = App;
      
  if(parts[0] === 'App') {
      parts = parts.slice(1);
  }
  
  for(let i = 0; i < parts.length; i++) {
      if(typeof parent[parts[i]] === 'undefined') {
          parent[parts[i]] = {};
      }
      
      parent = parent[parts[i]];
  }
    return parent;
  }


  // This implementation lets us to do following:

  // assign returned value to a local variable
  let calc = App.define('App.utils.calc');
  calc === App.utils.calc; // true
  
  let anim = App.define('App.utils.anim');
  anim === App.utils.anim; // true
  
  // skip initial 'App'
  App.define('utils.calc')
  
  // long namespace
  App.define('utils.calc.geometry.figures.volume')

Namespace pattern