JavaScript zamienia łańcuch JSON na instancję funkcji

Question

Mam ciąg znaków JSON zwrócony z wywołania ajax w określonym formacie i kiedy zaczynam konwertować je wszystkie na mój własny obiekt JavaScript, zaczynam się zastanawiać, czy istnieje jakiś prostszy sposób ponieważ mówimy tutaj Javascript.

Muszę var manyOfThem = [ { name: 'a' }, { name: 'b' }, { name: 'c' } ]; I chciałbym łatwo skojarzyć każdy z tych obiektów z moich funkcji tak, że mogę robić takie rzeczy jak:

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

$.each(manyOfThem, function(index, item) { 
    item.doSomething(); 
}); 

Chyba moje obawy o to, że nie chcą do (ponieważ jego powtarzalne) to zrobić:

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(); 

tak czy inaczej, jeśli istnieje również zabezpieczenia (?) powody, ja po prostu ssać go i zrobić je wszystkie ręcznie proszę podzielić się jak dobrze, dzięki!

Answer 1

Masz na myśli coś takiego (patrz jsfiddle):

var MyClass = function() {}; 
MyClass.prototype = { 
    doSomething: function() { 
     alert(this.name); 
    } 
}; 

Następnie

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

Więc można nazwać:

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

Jednak takie podejście nie będzie zachować bezpośredni skopiuj z obiektem manyOfThem. . (W powyższym przykładzie, zmieniając manyOfThem[0].name = "foo"; nie wpłynie manyObj[0] i wezwanie do manyObj[0].doSomething(); będzie nadal alert "a" Aby zachować bezpośrednie odniesienie do obiektu, to zrobić:

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 

Answer 2

Można zrobić

var myClass = function(item){ 
    for(i in item){ 
     if (item.hasOwnProperty(i)){ 
      this[i] = item[i]; 
     } 
    } 
}; 

ta powinna zmniejszyć powtarzalnych zadań w myClass konstruktora.

Answer 3

Jedno rozwiązanie bez użycia klasy jest

var manyOfThem = [ { name: 'a' }, { name: 'b' }, { name: 'c' } ]; 

function doSomething(){ 
    console.log(this.name) 
} 

$.each(manyOfThem, function(index, item) { 
    doSomething.call(item); 
}); 

Demo: Fiddle

Jeśli chcesz utworzyć wystąpienie typu MyClas następnie

var manyOfThem = [ { name: 'a' }, { name: 'b' }, { name: 'c' } ]; 

function MyClass(item){ 
    $.extend(this, item); 
} 

MyClass.prototype.doSomething = function(){ 
    console.log(this.name) 
} 

$.each(manyOfThem, function(index, item) { 
    var obj = new MyClass(item); 
    obj.doSomething() 
}); 

Demo: Fiddle