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 [21/02/2016 15:40]
elisabeth [prototypage]
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é ======
-===== A consulter ​=====+===== 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. 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.
  
-===== namespace ​=====+===== 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) { 
 + 
 +  var maposm = {}; 
 +   
 +  //etc.. 
 +   
 +  return { vector : maposm.vector};​ 
 +})); 
 + 
 +</​sxh>​
  
-===== prototypage ===== 
-===== Module pattern ===== 
  
 +----
 + --- //​[[elisabeth.pointal@free.fr|Elisabeth Pointal]] 22/04/2016 18:08//