utilisation de la mémoire de classe JavaScript

Question

Je fais des trucs de classe comme JavaScript tels que

MyClass = function() 
{ 
    var x; 

    this.sayX = function() 
    { 
     alert(x); 
    } 
} 

mais je l'ai aussi vu

MyClass = function() 
{ 
    this.x = 0; 
} 

MyClass.prototype.sayX = function() 
{ 
    alert(this.x); 
} 

La grande question est, suis-je gaspille encore ou sont-ils capables de voir la duplication dans ma méthode et de les optimiser? La raison pour laquelle je pose la question est parce que je préfère cacher les données et ne pas avoir à tout préfixer absolument avec 'ceci'.

Answer 1

L'empreinte mémoire du premier sera toujours plus grande. Considérez prototype comme un paquet partagé de méthodes que toutes les instances peuvent utiliser. C'est efficace car vous ne créez pas de nouvelle fonction pour chaque instance, mais vous réutilisez la méthode existante déjà en mémoire.

Les bonnes nouvelles sont que les deux manières que vous avez montrées peuvent être combinées. Mais dans la mesure où vous avez affaire à une petite base de code, vous ne devriez pas vous soucier de l'utilisation de la mémoire. Vous pouvez même utiliser des modèles comme

// everything will be created for every 
// instance, but the whole thing is nicely 
// wrapped into one 'factory' function 
myClass = function() { 
    // private variables 
    var x; 

    // private methods 
    function doSomethingWithX() {} 

    // public interface 
    return { 
    sayX: function() { 
     alert(x); 
    }, 
    publicMethod: function() { .. }, 
    // ... 
    }; 
}; 

Remarque, je intentionnellement changé myClass en minuscules, car il est plus une fonction constructeur et il n'y a pas besoin d'utiliser new lors de l'appel!

---

MISE À JOUR - il y a un troisième motif qui convient bien à vos besoins:

MyClass = function (x, y, whatever) { 
    this._init.apply(this, arguments); 
} 

// The prototype creates a scope for data hiding. 
// It also includes a constructor function. 
MyClass.prototype = (function() { 
    var x; // private 
    return { 
    _init: function (x_in) { 
     x = x_in; 
    }, 
    sayX: function() { 
     alert(x); 
    }, 
    // ... 
    }; 
})(); 

Answer 2

Revisiter ce une énorme quantité plus tard, mais il se trouve V8 est assez intelligent qu'il ne crée pas plusieurs instanciés de cette fonction dans la première méthode. Allez les classes cachées: D

http://www.youtube.com/watch?v=hWhMKalEicY