April 11, 2010
Recently I was discussed with a friend how to create a singleton function in JavaScript. I am putting the same information here in case it might help someone understand JavaScript better.
Simplest solution is creating an instance of the object.
var Logger = function (path) {
this.path = path;
};
l1 = new Logger("/home");
console.log(l1);
l2 = new Logger("/dev");
console.log(l2);
console.log(l1 === l2);
Above solution works. However l2
is a new instance of Logger
.
window.global_logger = null;
var Logger = function (path) {
if (global_logger) {
console.log("global logger already present");
} else {
this.path = path;
window.global_logger = this;
}
return window.global_logger;
};
l1 = new Logger("/home");
console.log(l1);
l2 = new Logger("/dev");
console.log(l2);
console.log(l1 === l2);
Above solution works. However this solution relies on creating a global variable. To the extent possible it is best to avoid polluting global namespace.
var Logger = (function () {
var _instance;
return function (path) {
if (_instance) {
console.log("an instance is already present");
} else {
this.path = path;
_instance = this;
}
return _instance;
};
})(); //note that it is self invoking function
var l1 = new Logger("/root");
console.log(l1);
var l2 = new Logger("/dev");
console.log(l2);
console.log(l1 === l2);
This solution does not pollute global namespace.
If this blog was helpful, check out our full blog archive.