Javascript将JSON字符串转换为函数实例

Lim*_*Lim 5 javascript jquery json

我有一堆以特定格式从ajax调用返回的JSON字符串,当开始将它们全部转换为我自己的Javascript对象时,我开始怀疑是否有更简单的方法,因为我们在这里谈论Javascript.

我将拥有var manyOfThem = [ { name: 'a' }, { name: 'b' }, { name: 'c' } ]; 并且我想轻松地将这些对象中的每一个与我的函数相关联,以便我可以执行以下操作:

myClass.prototype.doSomething = function() {
  // do something to this.name
};

$.each(manyOfThem, function(index, item) {
  item.doSomething();
});
Run Code Online (Sandbox Code Playgroud)

我想我的顾虑是,我不想(因为它的重复性)这样做:

var myClass = function(item) {
  this.name = item.name;
  // do the same for the rest of item's potentially 20 properties
};

var oneOfThem = new myClass(manyOfThem[0]); // I think this is redundant....
oneOfThem.doSomething();
Run Code Online (Sandbox Code Playgroud)

,无论如何,如果还有(安全?)原因我只需要吮吸它并手动完成它们请分享,谢谢!

Yan*_*hon 3

你的意思是,类似(参见jsfiddle):

var MyClass = function() {};
MyClass.prototype = {
    doSomething: function() {
        alert(this.name);
    }
};
Run Code Online (Sandbox Code Playgroud)

然后

var manyObj = $.map(manyOfThem, function(obj) {
   return $.extend( new MyClass(), obj );
});
Run Code Online (Sandbox Code Playgroud)

所以你可以打电话:

manyObj[0].doSomething();  // alert("a")
Run Code Online (Sandbox Code Playgroud)

但是,这种方法不会保留对象的直接副本manyOfThem。(在上面的示例中,更改manyOfThem[0].name = "foo";不会影响manyObj[0],并且调用manyObj[0].doSomething();仍会发出警报"a"。要保留对对象的直接引用,请执行以下操作:

var manyObj = $.map(manyOfThem, function(obj) {
    function F() {};
    F.constructor = MyClass;
    F.prototype = obj;
    $.extend(F.prototype, new MyClass());
    return new F();
});


manyObj[0].doSomething();  // alert("a")

manyOfThem[0].name = "foo";  // modify the referenced object

manyObj[0].doSomething();  // alert("foo") ..also modifies the behaviour of the instance
Run Code Online (Sandbox Code Playgroud)