JS OOP: Objekt direkt im Objekt ansprechen

[danomator]

Hallo. Ich will mein Verständnis über JS OOP erweitern und habe da eine kleine Frage zu folgendem Beispiel:

var myObj = {
  var1 : 'testvar1',
 
  subObj : {
    var2 : 'testvar2',

    func : function()
    {
      alert(myObj.var1+', '+this.var2);
    }
  }
};

myObj.subObj.func();

Wie kann ich in der Funktion func() auf myObj.var1 zugreifen ohne den Objektnamen zu verwenden? Mit this kann ich in einem Objekt direkt auf alle Elemente zugreifen die sich in der selben Ebene befinden. Gibt es auch so eine Eigenschaft, die mich quasi zum übergeordneten Objekt befördert?

[ein schlauer]

Aus Sicht von OOP hast du hier kein Objekt. es ist lediglich ein Datenbobjekt oder eine hashtable. Wenn du wirklich ein Objekt benutzen möchtest (und hier das sieht so aus wie ein singleton Objekt), dann baue es so:

var myObj = new function() {....
}; 

Dann kannst du auch this verwenden.

[danomator]

Danke für die Antwort, aber das ist mir eigentlich bewusst. Ich benutze aber die oben genannte Variante weil ich im eigentlichen Sinne eine Bibliothek habe. Diese Bibliothek hat verschiedene Unter-Objekte, welche verschiedene Arten von Methoden beinhalten. Diese sind unter Umständer noch tiefer kategorisiert. Mir geht es nur darum wie ich aus diesem Objekthaufen aus einem sehr tiefen Objekt auf Werte der Elternobjekte zugreifen kann, ohne dazu den Objektnamen des eigentlichen Objektes ansprechen zu müssen.

Hier mal eine kleine Struktur:

var lib = {
  events : {  // Event-spezifische Methoden
    add : function(){ ... },
    remove : function(){ ... }
  },

  client : { // Client-spezifische Methoden
    browser : function() { ... }
  },

  values : { // Mathematische Methoden
    max : function() { ... },
    min : function () { ... },
    sum : function () { ... }
  }
}

Mir ist klar dass ich es auch so schreiben könnte:

var lib = function() {
  this.events = {  // Event-spezifische Methoden
    add : function(){ ... },
    remove : function(){ ... }
  };

  this.client = { // Client-spezifische Methoden
    browser : function() { ... }
  };

  this.values = { // Mathematische Methoden
    max : function() { ... },
    min : function() { ... },
    sum : function() { ... }
  };
};

var myLib = new lib();

Für mich ist das Ergebnis allerdings das selbe. Ich befinde mich jetzt zB gerade in der Funktion events.add() und will hier zB die Funktion values.max() aufrufen; dabei aber nicht immer mit lib. anfangen. this funktioniert in meinem Fall nur wenn sich die Methode auf der selben Ebene befindet auf der ich mich gerade bewege. zB könnte ich bei diesem Beispiel über this nur auf remove() zugreifen.

Meine Frage ist jetzt nur ob es vllt sowas wie this.this gibt, womit ich quasi aus einem Objekt rausspringen kann um direkt auf das nächste zuzugreifen. Was ich vorhabe hat Ähnlichkeit mit den DOM Methoden (zB el.parentNode.nextSibling.firstChild).

[ein schlauer]

Ich schrieb new function(), oben sah es noch so aus, als ob du ein singleton willst, jetzt zeigst du mir einen Konstruktor. entweder oder.

Aber new function hat darüber hinaus den Vorteil, dass du dort Code ausführen kannst und private Variabeln deklarieren, dein Konstrukt ist dafür ungeignet. Das brauchst du aber um dein vorhaben umzusetzen.