Module patterns, objets et namespace : différences ?

Bonjour à tous,

J'ai lu pas mal de tutoriels JS ces derniers temps concernant les module patterns, la programmation objet, les objets littéraux et les namespaces et au final j'ai dû mal à cerner les différences ou plutôt dans quels contextes une solution est a préférer sur une autre.

Si je pose la question c'est parce que j'ai l'impression que toutes ces solutions font la même chose, la forme change, certaines utilisent des IIFE, d'autres permettent de rendre privées certaines variables/méthodes, mais à l'arrivée le résultat est le même: un objet avec des variables et des méthodes, avec ou sans "this".

Dans un tuto je trouve des explications sur l'utilisation des objets littéraux pour encapsuler son code, et dans un autre on appelle ça des namespaces faisant au final exactement la même chose. Pareil pour les module patterns qui apparemment ne font qu'instancier automatiquement un objet JS au moment du chargement du script et le retourner dans une variable, au final quelle est la véritable différence?

Ma question est sincère, je découvre ces approches et je ne suis pas dans le débat ou la polémique, je cherche juste à bien cerner les subtilités du langage ;)

Merci d'avance pour vos éclaircissements.

Les éléments de langage de JS sont très versatiles, c'est pourquoi on les retrouve dans de nombreux patterns, et ça a de quoi embrouiller. Ce qui compte c'est l'intention. Dans les ressources de bonne qualité, l'auteur du code explique clairement son intention, la signification qu'il donne à tel ou tel élément de son code, dans les commentaires ou dans une documentation à côté.

Si le code n'est pas ou peu documenté, on en arrive au plus important pour toi : l'expérience. Plus tu expérimentes avec le langage et te « cultives » sur les différentes pratiques en JS, et plus tu auras une bonne compréhension et une bonne intuition. Lis moins, écris plus (de code) ; c'est le seul conseil que je peux te donner ;)

En fait tous ces mots désignent grosso-modo la même chose. Le concept objet JavaScript est très simple mais peut être utilisé à des fins différentes dans des situations différentes, c'est pour ça qu'on décline ça en autant de mots.

Quand on parle d'objets "littéraux", ce sont des objets comme les autres, c'est juste qu'ils sont déclarés avec l'écriture littérale ( {} pour les objets, [] pour les listes ). C'est ce qu'on utilise la plupart du temps.

Pareil pour les namespaces, ce sont des objets comme les autres. Là on essaie plus de décrire la finalité. Par exemple si tu fais une bibliothèque avec dix super fonctions, plutôt que de déclarer et exposer 10 variables, tu peux vouloir les mettre dans un objet MaSuperLib qui sera le seul exposé à l'utilisateur. Auquel cas MaSuperLib est ton namespace et n'a pas d'autre intérêt que celui de "conteneur".

Les modules quant à eux sont comme des namespaces mais avec quelques règles en plus pour être "modulaire": c'est-à-dire qu'on déclare un module par fichier et qu'on met généralement tout le code du module à l'intérieur d'une IIFE pour "isoler" du reste. Il y a beaucoup de patterns de modules différents associés à un outillage différent: AMD, CommonJS, UMD... et maintenant avec la dernière norme ECMAScript 6, JavaScript a son propre système de modules: http://www.2ality.com/2014/09/es6-modules-final.html

Il est conseillé d'avoir un code modulaire, donc décomposé en modules qui sont très souvent des objets littéraux jouant le rôle de namespace. J'espère que c'est plus clair :D

Ok, ça confirme mes premières impressions donc, c'est une question de pratique et de bonnes pratiques pour vraiment faire le bon choix selon son projet mais grosso modo mis à part la syntaxe ça reste assez similaire :)