slam4:richclient:angularjs:prerequis

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision		 Révision précédente
slam4:richclient:angularjs:prerequis [2015/01/21 01:11] – [Closure] jcheronslam4:richclient:angularjs:prerequis [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
Ligne 111: Ligne 111:
  
 ==== Classe et encapsulation ==== ==== Classe et encapsulation ====
 +Il est possible de définir une fonction publique accédant à des fonctions et des variables privées en utilisant des closures. Cette façon de procéder est également connue comme le patron de conception module, et permet de créer des classes :
 <sxh javascript;title:Une classe pour créer des compteurs> <sxh javascript;title:Une classe pour créer des compteurs>
 var creerCompteur = function() { var creerCompteur = function() {
Ligne 131: Ligne 131:
 }; };
 </sxh> </sxh>
 +**Utilisation de la classe creerCompteur :**
 <sxh javascript;title:Instanciations de compteurs> <sxh javascript;title:Instanciations de compteurs>
 var compteur1 = creerCompteur(); var compteur1 = creerCompteur();
Ligne 141: Ligne 142:
 alert(compteur1.valeur()); /* Affiche 1 */ alert(compteur1.valeur()); /* Affiche 1 */
 alert(compteur2.valeur()); /* Affiche 0 */ alert(compteur2.valeur()); /* Affiche 0 */
 +</sxh>
 +
 +==== Prototype ====
 +Mais les closures sont coûteuse (en mémoire et temps d'exécution), il est donc préférable d'implémenter l'équivalent en utilisant le prototype :\\
 +Par contre, dans ce cas, la variable compteur est redevenue publique. 
 +
 +<sxh javascript>
 +function creerCompteur() {
 +  this.compteur= 0;
 +}
 +creerCompteur.prototype = {
 +  decrement: function() {
 +    this.compteur--;
 +  },
 +  increment: function() {
 +    this.compteur++;
 +  },
 +  valeur: function() {
 +    return this.compteur;
 +  }
 +};
 +</sxh>
 +
 +Utilisation de la classe et instanciation d'un objet avec l'opérateur **new** :
 +<sxh javascript>
 + var compteur=new creerCompteur();
 + compteur.increment();
 + alert(compteur.compteur);//Affiche 1 -> accès direct à compteur possible car il est public
 </sxh> </sxh>
 ===== JSON ===== ===== JSON =====
Ligne 191: Ligne 220:
     }     }
 ] ]
 +</sxh>
 +
 +===== Tableaux =====
 +<sxh javascript>
 +var values=[{"code":"AA"},{"code":"BB"}];
 +</sxh>
 +==== Parcours classique ====
 +
 +<sxh javascript>
 +for(var i=0;i<values.length;i++){
 +   console.log( values[i].code);
 +}
 +</sxh>
 +
 +==== foreach ====
 +
 +<sxh javascript>
 +values.forEach(function(element) {
 +  console.log(element.code);
 +});
 </sxh> </sxh>
  • slam4/richclient/angularjs/prerequis.1421799063.txt.gz
  • Dernière modification : il y a 6 ans
  • (modification externe)