CHunky Universe of Vigourous Astonishing SHarepoint :)

javascript Module pattern

Want organize your js code in a kind of namespaces, or modules, then use the module pattern. I’ll take the dummy example for getting the current anchor. Let’s look how it would be if the prototype based approach is used:

var Contoso.Utils = function() {};
Contoso.Utils.prototype = {
  getCurrentAnchor: function() {
    var url = window.location;
    var anchor=url.hash; //anchor with the # character
    var anchor2=url.hash.substring(1); //anchor without the # character
    return anchor2;
var util = new Contoso.Utils();
var anchor = util.getCurrentAnchor();

The prototype pattern reminds the classic object oriented programming. Now, how would it look in the module pattern:

var Contoso = Contoso || {};
  Contoso.Utils = function() {
  var invokeCounter = 0;
  var logInvokeCounter = function() {
    console.log("invoked: " + invokeCounter + " times");
  return {
    getCurrentAnchor: function() {
      var url = window.location;
      var anchor=url.hash; //anchor with the # character
      var anchor2=url.hash.substring(1); //anchor without the # character
      return anchor2;
var anchor = Contoso.Utils.getCurrentAnchor();

It is like a static class in C# and java. It is instantiated only once (which can be a shortcoming sometimes). Pay attention to (); int the end of defition for Contoso.Utils, it ensures the instantiation of the Contoso.Utils.

var Contoso = Contoso || {}; checks if Contoso is not defined yet.

Another way to achieve this is to use ASP.NET Type.registerNamespase.

With Type.registerNamespace you can avoid overriding your classes:


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Вула Чăвашла

VulaCV - Чăвашла вулаттаракан сайт

Discovering SharePoint

And going crazy doing it

Bram de Jager - Coder, Speaker, Author

Office 365, SharePoint and Azure

SharePoint Dragons

Nikander & Margriet on SharePoint

Paul J. Swider - RealActivity

RealActivity is a specialized healthcare services and solution advisory firm.

Mai Omar Desouki - Avid SharePointer

Egyptian & Vodafoner - Senior SharePoint Consultant

Cameron Dwyer | Office 365, SharePoint, Outlook, OnePlace Solutions

Office 365, SharePoint, OnePlace Solutions & Life's Other Little Wonders


Me and My doings!

Share SharePoint Points !

By Mohit Vashishtha

Jimmy Janlén "Den Scrummande Konsulten"

Erfarenheter, synpunkter och raljerande om Scrum från Jimmy Janlén

Aryan Nava

| Blockchain | Serverless Architecture | Microservices Architecture | DevOps | AWS Lambda | Teraform |


SharePoint for everyone


Ryan Dennis is a SharePoint Solution Architect with a passion for SharePoint and PowerShell

SharePoint 2020

The Vision for a Future of Clarity

Aharoni in Unicode

Treacle tarts for great justice

... And All That JS

JavaScript, Web Apps and SharePoint


Mostly what I know about SharePoint - CommunicoCuspis

%d bloggers like this: