Analyser Chaîne JSON dans un Prototype d'Objet en JavaScript

Voir un exemple ci-dessous (cet exemple utilise le natif de l'objet JSON). Mes modifications sont commentées dans les CAPITALES:

function Foo(obj) //CONSTRUCTOR CAN BE OVERLOADED WITH AN OBJECT
{
    this.a = 3;
    this.b = 2;
    this.test = function() {return this.a*this.b;};

    //IF AN OBJECT WAS PASSED THEN INITIALISE PROPERTIES FROM THAT OBJECT
    for (var prop in obj) this[prop] = obj[prop];
}

var fooObj = new Foo();
alert(fooObj.test() ); //Prints 6

//INITIALISE A NEW FOO AND PASS THE PARSED JSON OBJECT TO IT
var fooJSON = new Foo(JSON.parse('{"a":4,"b":3}'));

alert(fooJSON.test() ); //Prints 12

Un blog que j'ai trouvé utile:
La Compréhension De JavaScript Prototypes

Vous pouvez gâcher, avec l' __proto__ propriété de l'Objet.

var fooJSON = jQuery.parseJSON({"a":4, "b": 3});
fooJSON.__proto__ = Foo.prototype;

Cela permet fooJSON pour hériter de la Foo prototype.

Je ne pense pas que cela fonctionne sous IE, mais... au moins de ce que j'ai lu.

Par souci d'exhaustivité, voici un simple one-liner j'ai fini avec (je n'avais pas besoin de vérifier pour les non-Foo-propriétés):

var Foo = function(){ this.bar = 1; };

//angular version
var foo = angular.extend(new Foo(), angular.fromJson('{ "bar" : 2 }'));

//jquery version
var foo = jQuery.extend(new Foo(), jQuery.parseJSON('{ "bar" : 3 }'));

J'ai créé un package appelé json-sec. Il prend en charge (circulaire) références et aussi des instances de classe.

Vous devez définir 2 nouvelles méthodes de votre classe (toDry sur le prototype et unDry comme une méthode statique), le registre de la classe (Dry.registerClass), et vous partez.

J'ai combiné les solutions que j'ai pu trouver et compilé dans un générique qui peut automatiquement analyser un objet personnalisé et de tous les champs de manière récursive, donc vous pouvez utiliser le prototype des méthodes après la désérialisation.

Une hypothèse est que, vous avez défini un spécial déposé que l'indique le type de chaque objet que vous souhaitez appliquer, il est de type automatique (this.__type dans l'exemple).

function Msg(data) {
    //... your init code
    this.data = data //can be another object or an array of objects of custom types. 
                     //If those objects defines `this.__type', their types will be assigned automatically as well
    this.__type = "Msg"; //<- store the object's type to assign it automatically
}

Msg.prototype = {
    createErrorMsg: function(errorMsg){
        return new Msg(0, null, errorMsg)
    },
    isSuccess: function(){
        return this.errorMsg == null;
    }
}

utilisation:

var responseMsg = //json string of Msg object received;
responseMsg = assignType(responseMsg);

if(responseMsg.isSuccess()){ //isSuccess() is now available
      //furhter logic
      //...
}

Affectation de Type fonction (il fonctionne de manière récursive pour affecter des types de tous les objets imbriqués; il a également parcourt les tableaux de trouver des objets):

function assignType(object){
    if(object && typeof(object) === 'object' && window[object.__type]) {
        object = assignTypeRecursion(object.__type, object);
    }
    return object;
}

function assignTypeRecursion(type, object){
    for (var key in object) {
        if (object.hasOwnProperty(key)) {
            var obj = object[key];
            if(Array.isArray(obj)){
                 for(var i = 0; i < obj.length; ++i){
                     var arrItem = obj[i];
                     if(arrItem && typeof(arrItem) === 'object' && window[arrItem.__type]) {
                         obj[i] = assignTypeRecursion(arrItem.__type, arrItem);
                     }
                 }
            } else  if(obj && typeof(obj) === 'object' && window[obj.__type]) {
                object[key] = assignTypeRecursion(obj.__type, obj);
            }
        }
    }
    return Object.assign(new window[type](), object);
}

Olivers réponses, c'est très clair, mais si vous êtes à la recherche d'une solution en angular js, j'ai écrit une belle module appelé Angulaires-jsClass qui n'cette facilité, les objets définis dans litaral notation est toujours mauvais quand vous êtes en vue d'un gros projet mais en disant que les développeurs sont confrontés problème qui exactement BMiner dit, comment sérialiser un json d'un prototype ou d'un constructeur de la notation des objets

var jone = new Student();
jone.populate(jsonString); //populate Student class with Json string
console.log(jone.getName()); //Student Object is ready to use

https://github.com/imalhasaranga/Angular-JSClass