Différences

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

--- slam4:richclient:angularjs:prerequis [2015/01/21 01:14] – [Classe et encapsulation] jcheron
+++ slam4:richclient:angularjs:prerequis [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 142: / Ligne 142: @@
 alert(compteur1.valeur()); /* Affiche 1 */
 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>
 ===== JSON =====
@@ Ligne 192: / 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>