Essayer de comprendre le point des prototypes en JavaScript

...J'avais supposé que peut-être le prototype signifiait qu'elle partageait le même objet, au lieu de simplement créer un nouvel objet à chaque fois...

c'est le cas. Il y a un objet prototype qui est partagé entre toutes les instances créées à partir du constructeur.

...cependant, ce n'est évidemment pas le cas puisque apple1 et apple2 ont des couleurs différentes, toujours (après avoir exécuté ledit script).

pour certains types (par exemple Nombre, boolean, null, undefined, or string), lorsque vous changez une propriété qui existe sur l'objet prototype via this.color par exemple, pour créer un color propriété sur l'instance. Le prototype n'est pas affecté de sorte que les nouvelles instances auront la couleur par défaut définie dans le prototype.

si vous aviez mis à jour un membre d'un tableau ou un objet référencé par une propriété de l'objet prototype, le changement serait vu parmi toutes les instances.

...Pourquoi le dernier code n'est pas recommandé?

parce que vous construisez de nouvelles fonctions identiques avec la création de chaque nouvelle instance au lieu de partager une instance des fonctions via l'objet prototype.

développer un peu plus, je ferais remarquer que, lorsqu'une fonction est appelée en tant que constructeur, en utilisant le new mot clé this dans le constructeur la nouvelle instance. Donc, n'importe quelle propriété que vous ajoutez à this est ajoutés à l'instance.

var Apple = function() {
      // Here "this" is the object being constructed. As such, we're adding
      //   a property "rotten" to every instance created
    this.rotten = false;
};

   // adding a "color" property to the prototype object
Apple.prototype.color = "red";

   // set the property "color" on the instance to the value of "new_color"
Apple.prototype.changeColor = function(new_color) {
    this.color = new_color;
};
   // first check to see if this instance has its own "color" property. If so,
   //    use it. If not, look at the prototype object to see if it exists.
Apple.prototype.getColor = function() {
    alert('color: '+this.color);
};

// two new instances each have their own "rotten" property, and don't have a
//    "color" property. Both share the prototype object, so if "color" is 
//    requested, it will come from there
var apple1 = new Apple(); 
var apple2 = new Apple();

// This will add an "color" property to the "apple2" instance
apple2.changeColor("green");

// Doesn't have a "color" property, so it looks to the prototype object
apple1.getColor();

// Has a "color" property, so it uses that instead of the "color" on the prototype
apple2.getColor();