[khz]

Hallo liebe Community,
ich bastel gerade an einer kleinen Javascript Bibliothek. Allerdings weiß ich nicht so recht, ob das ein guter Ansatz ist oder nicht. Die Bibliothek soll erweiterbar sein.

Ich habe folgende Objekte:

• NameSpace.Core
  {
  initialize(selector): nimmt ein DOM Element mit der übergebenen ID und initialisiert eine NameSpace.Elements Instanz, in der später alle zugreifbaren Funktionen bereitgestellt werden;
  each(scope, fn): führt eine Funktion auf alle gespeicherten Elemente in einer NameSpace.Elements Instanz durch;
  extend(name, fn): prototypt das NameSpace.Elements Objekt mit einer Funktion;
  attach(obj): überprüft ob alle Abhängigkeiten bestehen und übergibt die publicMethods eines Plugins der extend Funktion, um Funktionen bereitzustellen;
  }
  
• NameSpace.Elements
  {
  elements: hier werden alle DOM Elemente gespeichert;
  each(fn): stellt die each Funktion des Core Objektes im Element Set zur Verfügung;
  first(): reduziert das Element Set bis auf das erste Element;
  last(): reduziert das Element Set bis auf das letzte Element;
  size(): gibt die Anzahl der aktuellen DOM Elemente zurück;
  }
  
• NameSpace.Plugin
  {
  publicMethods: alle Funktionen, die später dem Element Set zur Verfügung gestellt werden sollen, werden in diesem Array angegeben;
  dependencies: hier werden alle Abhängigkeiten für das Plugin angegeben;
  methodX(): Methode X;
  methodY(): Methode Y;
  methodZ(): Methode Z;
  }

und zum Schluss habe ich ein $-ShortCut, der NameSpace.Core.initialize(selector) aufruft und das Element Set zurückgibt.

Würde ich im NameSpace.Plugin.publicMethods Array methodX angeben, könnte man so darauf zugreifen:

$('ID').methodX();

Die Methoden sind alle verkettbar, da sie alle die Instanz des Element Sets zurückgeben. Allerdings habe ich eine Unschönheit entdeckt.

Zum Beispiel folgendes Plugin:

NameSpace.CSS = {
    publicMethods: ['css'],
    dependencies: null,
    css: function() {
        var arg = {};
        if(arguments.length == 2) arg[arguments[0]] = arguments[1];
        else if(typeof arguments[0] == 'object') arg = arguments[0];
        else return NameSpace['CSS'].getStyle(arguments[0]);
        this.each(NameSpace['CSS'].setStyle, arg); //this bezieht sich hier nicht auf das NameSpace.CSS Objekt, da es später per prototype in das Element Set Objekt hinzugefügt wird; Eclipse gibt mir deshalb ein Fehler aus;
        return this;
    },
    getStyle: function(prop) {
        alert(this.publicMethods); //this bezieht sich hier auf das NameSpace.CSS Objekt
    },
    setStyle: function(e, arg) {
                alert(this.selector); //this bezieht sich hier wieder auf das Element Set Object, da ich bei der each Funktion, die übergebene Funktion per fn.call(this, scope.elements[i], arguments[1]) aufrufe;
        for(var prop in arg) {
            e.style[prop] = arg[prop];
        }
    }
};

Das bedrückt mich ein bisschen. Wie findet ihr überhaupt den Aufbau der Bibliothek ? Und denkt ihr das "this"-Problem lässt sich irgendwie beheben oder ist das eigentlich nicht weiter schlimm ?

Mit freundlichen Grüßen,
kiloHertz

[$traight-$hoota]

Also erstmal vorneweg: welchen Zweck soll dieses Framework erfüllen? Dass es einen einfachen DOM-Selektor hat und über Plugins mit Elementen bestimmte Aktionen ausgeführt werden können.
Aber welchen Grund hat es, dass du ein solches Framework schreiben willst? Zu Lernzwecken? Um schlanker und schneller oder individueller zu sein als andere Frameworks?

Zu dem this-Problem: guck dir mal die bind-Funktion des Prototype Frameworks an.

Function.prototype.bind = function() {
  var __method = this, args = $A(arguments), object = args.shift();
  return function() {
    return __method.apply(object, args.concat($A(arguments)));
  }
}
 

[khz]

Ich will mich überhaupt nicht mit anderen Frameworks messen. Eher möchte ich für mich selber etwas Javascript entdecken und die Bibliothek meinen Bedürfnissen anpassen. ;)

Noch was: würde this auf das entsprechende NameSpace.Plugin Objekt zeigen, dann könnte ich aber die Funktionen, die im Element Set Object bereitstehen, nicht verwenden, oder ?