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
code:javascript:module [22/02/2016 09:57]
elisabeth [Module pattern]
code:javascript:module [15/06/2018 22:20] (Version actuelle)
Ligne 1: Ligne 1:
 +{{htmlmetatags>​metatag-robots=(index,​follow) metatag-author=(Elisabeth Pointal) metatag-keywords=(Modularité en javascript) metatag-description=(Comment écrire sous forme de module son code javascript)}}
 +
 ====== Modularité ====== ====== Modularité ======
 +===== Module pattern =====
 +Sur zeste de savoir, la page [[https://​zestedesavoir.com/​tutoriels/​358/​module-pattern-en-javascript/​|module pattern en javascript]] ​ par [[https://​zestedesavoir.com/​membres/​voir/​Spoke/​|Spoke]] est rapide et clair.
  
 +===== Tout en un =====
 +La méthode pour écrire un module et ses dépendances qui fonctionne avec toutes les méthodes de chargements de modules (AMD, commonJS ou "​classique"​).\\
 +Mon module dépend de :
 +  * ''​jquery''​
 +  * ''​ol''​
 +  * et un autre de mes modules ''​msgwindow''​
 +Il retourne un objet ''​maposm''​ avec une unique propriété ''​vector''​.
 +<sxh javascript; first-line:​1;​ title: maposm.js>​
 +(function (root, factory) {
 +  if (typeof define === "​function"​ && define.amd) {
 +    define(['​jquery','​ol','​msgwindow'​],​ factory);
 +  } else if (typeof exports === "​object"​) {
 +    module.exports = factory(require('​jquery'​),​require('​ol'​),​require('​./​msgwindow'​));​
 +  } else {
 +    root.maposm = factory(root.jQuery,​ root.ol, root.msgwindow);​
 +  }
 +}(this, function ($,​ol,​msgwindow) {
  
-===== namespace =====+  var maposm ​{}; 
 +   
 +  //etc.. 
 +   
 +  return { vector : maposm.vector};​ 
 +})); 
 + 
 +</​sxh>​
  
-===== prototypage ===== 
-===== Module pattern ===== 
-Sur zeste de savoir, la page [[https://​zestedesavoir.com/​tutoriels/​358/​module-pattern-en-javascript/​|module pattern en javascript]] ​ par [[https://​zestedesavoir.com/​membres/​voir/​Spoke/​|Spoke]] est rapide et clair. 
  
 +----
 + --- //​[[elisabeth.pointal@free.fr|Elisabeth Pointal]] 22/04/2016 18:08//