CODEWITHSUNDEEP
javascriptjsonobject
Sorin Buturugeanu
Sorin Buturugeanu

Reputation: 1840

JSON.stringify function

I have an object that has some properties and methods, like so:

{name: "FirstName",
age: "19",
load: function () {},
uniq: 0.5233059714082628}

and I have to pass this object to another function. So I tried to use JSON.stringify(obj) but the load function (which of course isn't empty, this is just for the purpose of this example) is being "lost".

Is there any way to stringify and object and maintain the methods it has?

Thanks!

Upvotes: 50

Views: 54425

Answers (6)

vadimk
vadimk

Reputation: 1471

In fact, It's very easy to serealize / parse javascript object with methods.

Take a look at JSONfn plugin.

http://www.eslinstructor.net/jsonfn/

Upvotes: 12

Nirvana
Nirvana

Reputation: 633

You can override the toJSON() method, which serializes the function to another object. Here is an example which converts the function to a string:

Function.prototype.toJSON = Function.prototype.toString;
var o = {name: "FirstName",
age: "19",
load: function () {},
uniq: 0.5233059714082628};

console.log(JSON.stringify(o,null,4))

If you wanted to print, say, the property descriptors instead:

Function.prototype.toJSON = function() {
    return Object.getOwnPropertyDescriptors(this);
}

var o = {name: "FirstName",
age: "19",
load: function () {},
uniq: 0.5233059714082628};

console.log(JSON.stringify(o,null,4))

Upvotes: 1

streaver91
streaver91

Reputation: 892

Here's some code I have used in my previous projects, maybe useful?

  // Similar to JSON.stringify(), with three major differences:
  // (1) It also wrap functions
  // (2) Upon execution, it expose an object, nl, into the scope
  // (3) Results are minified by 'uglify-js'
  var bundle = function(obj) {
    var type = typeof obj;
    if(type === 'string') return '\'' + obj + '\'';
    if(type === 'boolean' || type === 'number') return obj;
    if(type === 'function') return obj.toString();
    var ret = [];
    for(var prop in obj) {
      ret.push(prop + ': ' + bundle(obj[prop]));
    }
    return '{' + ret.join(',') + '}';
  };
  var ret = 'var nl = ' + bundle(nl);
  ret = require('uglify-js').minify(ret, {fromString: true}).code;
  fs.writeFileSync('nl.js', ret);

One Caveat when using this is that if the function uses anything in external closure, it won't work, ie: ... obj: {..., key: (function() {...var a = 10;... return function() {... some code uses 'a'...})()}

Upvotes: 0

RossBille
RossBille

Reputation: 1489

Not something I would ever do but it is worth mentioning that there are ways to stringify function (i.e. it is not impossible).

Take the following:

var func = function(){console.log('logged')};
var strFunc = func.toString();

//then
var parsedFunc = eval('('+strFunc+')');
parsedFunc();

//or simply
eval('('+strFunc+')()');
//or
eval('('+strFunc+')')();
//or
eval('var anotherFunc='+strFunc);
anotherFunc()

The above with an overridden toJSON() can achieve a shallow stringified function;

DISCLAIMER: look into this and other articles and make your own decision before using eval()

Upvotes: 7

chjj
chjj

Reputation: 14602

There is a way to serialize a function in JS, but you'll have to eval it on the other side and it will also lose access to it's original scope. A way to do it would be:

JSON.stringify(objWithFunction, function(key, val) {
  if (typeof val === 'function') {
    return val + ''; // implicitly `toString` it
  }
  return val;
});

There are some legitimate uses for what you're asking despite what people are posting here, however, it all depends on what you're going to be using this for. There may be a better way of going about whatever it is you're trying to do.

Upvotes: 77

David Titarenco
David Titarenco

Reputation: 33386

Why exactly do you want to stringify the object? JSON doesn't understand functions (and it's not supposed to). If you want to pass around objects why not do it one of the following ways?

var x = {name: "FirstName", age: "19", load: function () {alert('hai')}, uniq: 0.5233059714082628};

function y(obj) {
    obj.load();
}

// works
y({name: "FirstName", age: "19", load: function () {alert('hai')}, uniq: 0.5233059714082628});

// "safer"
y(({name: "FirstName", age: "19", load: function () {alert('hai')}, uniq: 0.5233059714082628}));

// how it's supposed to be done
y(x);

Upvotes: 8

Related Questions