Zugriff auf Objekteigenschaften

[alexf812]

Hi,

es geht um folgendes:

var bla = {

  config: {
   container: $('#container')
 },

 myfunction: function(){
   alert(this.config.container.height()) // gibt null ???

   var test = $('#container');
   alert(test.height()) // gibt die richtige Höhe aus
 }

}

Warum bekomme ich denn als Ausgabe null und beim zweiten Aufruf die richtige Höhe? Ich möchte gern auf die Konfigurationsvariable container zugreifen. Kann mir jemand sagen wie ich in der Testfunktion die richtige Höhe ausgeben kann?

[Ben-]

Eventuell täusche ich mich, aber ich glaube du referenzierst mit "this.config..." falsch.
Probier mal

var bla = {
  me:this,
  config: {
   container: $('#container')
 },

 myfunction: function(){
   alert(me.config.container.height())

   var test = $('#container');
   alert(test.height())
 }

}

kann mich aber auch täuschen.

€dit: alternativ mal mit this.parent.config.container.height() probieren

[alexf812]

Hi,

leider geht keine der Möglichkeiten.
Komisch nur, wenn ich folgendes mache, und das als Parameter übergebe:

bla.myfunction({'container': $('#container')})

// und das steht in der myfunction noch zusätzlich
if (config && typeof(config) == 'object') {
  $.extend(this.config, config);
}

Dann kann ich überall auf die Höhe zugreifen

[MichaG]

Ich weis nicht, ob JQuery für OOP in Javascript ein paar Helferlein abstellt - versuche aber deine Klasse mit einem Konstruktor zu versehen, der das container-Attribut befüllt.

[alexf812]

Also so wie ich es in meinem Bsp. gemacht habe? Dort übergebe ich ja als Parameter das Objekt oder meinst du es anders?

[MichaG]

Entweder direkt übergeben - wäre Variante 1.

Oder, was ich meine, einen Konstruktor erstellen. Der würde jedes mal aufgerufen, sobald du ein neues Objekt der Klasse erstellst.
Schneller und einfacher geht es aber, wenn du es wie oben direkt übergibst.

[alexf812]

Trotzdem frage ich mich warum es anders nicht geht, als mit der Übergabe. Wenn ich es direkt reinschreibe ist es ja im Grunde genommen das gleiche.