Singleton behaviour of javascript object

Question

I want to have singleton kind of object whose value gets changed during multiple events across multiple pages. This object is used to bind the ui in various pages.

I have a 'main.js' file :

var obj = { flag : false } ;

 // call back method
 function click() { 
  obj.flag = true;
  }

and in my next.js file

 // call back method
  function click() { 
  alert(obj.flag); // **alerts false** . It should alert **true** instead.
  }

Is there a way to persist the value other than using the window.name property ? or am I following the wrong approach

Cookies or local storage.

Matt Ball
– Matt Ball

2013-10-12 05:39:36 +00:00
Commented Oct 12, 2013 at 5:39 — Matt Ball
– Matt Ball, Commented Oct 12, 2013 at 5:39

Juna · Accepted Answer · 2013-10-12 06:11:57Z

1

You can use HTML5 localStorage. As described in the documentations (Safari, Mozilla etc.), localStorage supports string key/value pairs.

Therefore you need to use JSON.stringify to save your object in the storage.

var obj = { flag : false };

// Save the object in the storage
localStorage.setItem('obj', JSON.stringify(obj));

// Get the object from storage
var objectData = localStorage.getItem('obj');
var originalObject = JSON.parse(objectData );

alert(originalObject.flag);

See the following fiddle: http://jsfiddle.net/FdhzU/

answered Oct 12, 2013 at 6:11

Juna

3383 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Singleton behaviour of javascript object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related