molily: Javascript Organisieren

Beitrag lesen

Hallo,

Bislang kamen wir ohne JQuery und solche Bibliotheken aus ... Jetzt wollen wir aber ein wenig mit der Zeit gehen und möchten auf JQuery setzen.

Im Jahr 2012 mit jQuery anzufangen ist wirklich mutig. ;)

Bislang haben wir aber tatsächlich ca. 20-30 Javascrpt Dateien eingebunden.

Buildsysteme wie Grunt helfen, die mithilfe von UglifyJS Pakete erzeugen und komprimieren.

Für verschiedene serverseitige Umgebungen gibt es eigene Build- und Asset-Verarbeitungs-Systeme. Welche verwendest du? Reines PHP?

Wir haben bislang auch für sehr kleine Probleme "Objekte" und "Klassen" gebaut. War natürlich eine tolle Sache alles OOP zu haben.

Objekte strukturieren Code erst einmal. In JavaScript ist das sehr einfach mit Objekt-Literalen. Das ist in fast jedem Fall sinnvoll, und/oder man nutzt Funktionen.

Klassen (Konstruktoren/Prototypen), Mixins und funktionales Erzeugen von Objekten erlauben das Wiederverwenden von Code und die Verallgemeinerung von Operationen, sowie das flexible Zusammenbauen von Objekten nach Bedarf.

Das ganze ist sinnvoll, wenn es tatsächlich eine Abstraktionsebene hinzufügt, beispielsweise MVC. Ansonsten gibt es gegenüber nacktem, unstrukturierten jQuery-Code nicht notwendig Vorteile, außer dass du eine Modularisierung und Kapselung umsetzen kannst.

Ich bräuchte da ein paar Vorschläge und Erfahrung. Gerne auch Links zu guten Vorgehen.

http://molily.de/weblog/javascript-organisation
http://molily.de/js/

Darüber hinaus macht es Sinn, sich MVC-artige Bibliotheken anzusehen, denn jQuery-Code alleine führt oft zu Spaghetti-Code, in welchem die Aufgaben nicht sauber getrennt werden.

http://backbonejs.org/
http://spinejs.com/

Interessant sind auch Modulsysteme wie AMD oder CommonJS und entsprechende Modul-Loader und Packaging-Tools wie RequireJS und r.js.

Mathias