Comment dois-je structurer mon JavaScript?

Question

J'ai un peu de mal à comprendre comment mon JavaScript devrait être structuré, etc. Mes compétences POO dans des langages tels que PHP, ActionScript 3 et ainsi de suite sont ce que je suppose être à la hauteur, mais JS manque de ceci ce qui m'a un peu ébranlé dans mon apprentissage.

J'ai une vague compréhension du prototype fonctionnalité que j'ai utilisé un peu en AS2 - je crois que c'est le plus proche que je serai en mesure d'obtenir. En ce moment, je pose mon code similaire à ceci:

var slideshow = 
{ 
    property: value, 

    /** 
    * This is a method 
    */ 
    myMethod: function() 
    { 
     // do method things 
    } 
}; 

// ------ 
slideshow.property ++; 
slideshow.myMethod(); 

Tout cela fonctionne bien, mais il est vide ma capacité à faire quelque chose comme:

var myslideshow1 = new Slideshow(); 
var myslideshow2 = new Slideshow(); 

myslideshow1.property = 10; 
myslideshow2.property = 16; 

1. Je ne suis pas Assurez-vous de créer deux instances différentes d'un "objet" que j'ai créé (dans ce cas, un diaporama).
2. Je ne trouve aucune ressource expliquant la fonctionnalité du prototype d'une manière logique.

Tous les pointeurs seraient supoib.

Answer 1

Toute fonction javascript peut agir en tant que constructeur d'une classe, alors essayez ceci:

function SlideShow(params) { 
    return { 
     property: value, 
     myMethod: function() { 
      //do method things 
     }; 
    }; 
}; 
var slideshow1 = new SlideShow(params); 
slideshow1.property = 10; 
//etc. 

Answer 2

Je fronçait les sourcils apon en utilisant un prototype pour ajouter des méthodes à une classe comme il pourrait y avoir des problèmes de performances

Voici un exemple de structure de classe que vous pouvez utiliser. Les classes JavaScript ne sont pas très différentes des fonctions.

function MyItem(){ 
    this.d = ''; 
    this.clear = function() { 
    this.d = ''; 
    } 
} 
var myItem = new MyItem() 
myItem.d = "test"; 
alert(myItem.d); 
myItem.clear(); 
alert(myItem.d) 

Some good reading here

Answer 3

Vous devriez éviter d'utiliser le nouvel opérateur, tout est public. Une meilleure façon de faire ce que vous voulez faire, et ont des variables privées et fonctions est de faire ce qui suit:

var slideshow = function() { 
    var self = {}; 
    var private_param = "hello"; 
    var private_func = function(say) { 
     alert(say); 
    }; 
    var method = function() { 
     private_func(private_param); 
    }; 
    var param = 500; 

    self.method = method; 
    self.param = param; 

    return self; 
    // return object, with the method func and param param publicly accessible 
    // private_param and private_func are not accessible to the outside 
}; 

var presentation = slideshow(); // new slideshow, you could edit to pass in init params 
presentation.method(); // hello