JS Klasse "verliert" Werte

cottton · 29. September 2013

Ich wundere mich gerade warum die Werte einer Klasse weg sind.

Ablauf ect:

JavaScript

var Klasse_1 = 
{
 wert : 'abc',
 methode:function()
 {
  // code ...
  AndereKlasse.andereFunc(this.methode); // hier gebe ich die methode mit die aus der anderen klasse wieder aufgerufen werden soll (callback)
 }
}
var AndereKlasse = 
{
 andereFunc(callback)
 {
  // code ...
  callback(); 
 }
}

Alles anzeigen

wenn jetzt callback() aufgerufen wird, dann bin ich ja wieder in der Klasse_1. Aber die ist "leer".
'wert' ist undefined, aber warum?

Roland · 29. September 2013

JavaScript

var Klasse_1 = {
 wert : 'abc',
 methode:function(){
  // code ...
  console.log('methode wurde aufgerufen');
  AndereKlasse.andereFunc(this.methode); // hier gebe ich die methode mit die aus der anderen klasse wieder aufgerufen werden soll (callback)
 }
}
var AndereKlasse = 
{
 andereFunc: function andereFunc(callback){
  callback(); 
 }
}
Klasse_1.methode();

Alles anzeigen

funst doch einiger maßen
ich hätte eig gedacht das da ne endlos schleife raus kommt aber anscheinend nicht

cottton · 29. September 2013

das war ja nur ein bsp und ich hab mich sogar vertipp:
muss AndereKlasse.andereFunc(Klasse_1.methode) sein denk ich.

Knn hier nicht die ganzen klassen posten - sind zu umfangreich geworden.
Aber fakt ist: wenn AndereKlasse das callback aufruft (also Klasse_1.methode()), dann ist var wert "undefined" =(

Roland · 29. September 2013

weil this in diesen wall auf was anderes zeigt vermute ich.

was machst du den für komplizierte sachen?^^

cottton · 29. September 2013

Witzbold
Sind zuviele. ~10 val und 3 arrays

EDIT: ich ahne was mir hier passiert ist:

Zitat von http://www.peterkropff.de/site/javascript/grundlagen_oop.htm

Objektgebundenheit

Bei dieser Vorgehensweise ist sowohl die Eigenschaft als auch die Methode an das erzeugte Objekt gebunden. Erzeugt man ein neues Objekt unter demselben Namen, so werden alle bereits existierenden Eigenschaften und Methoden ins Nirwana befördert und euch haut es eine saftige Fehlermeldung um die Ohren.

cottton · 30. September 2013

hier mal ein ordentliches beispiel:

JavaScript

var Klasse_1 = 
{
    eigenschaft : 'soundso',
    eigenschaft2 : 'soundso ... und so',




    methode:function()
    {
        alert("methode@Klasse_1: this.eigenschaft == "+this.eigenschaft); // ergibt "soundso"
        alert("methode@Klasse_1: Klasse_2.eigenschaft == "+Klasse_2.eigenschaft); // ergibt "klasse 2 "soundso""
        this.methode2("test"); // ergibt "test"
    },
    methode2:function(val)
    {
        alert("methode2@Klasse_1: val == "+val);
    },
    callBackTest:function()
    {
        alert("in Klasse_1:\r\nKlasse_1.eigenschaft == "+this.eigenschaft);
        Klasse_2.callBackTest_2(Klasse_1.receive);
    },
    receive:function()
    {
        alert("in Klasse_1:\r\nKlasse_1 in receive angekommen und bsp-wert this.eigenschaft == "+this.eigenschaft);
    }
}




var Klasse_2 = 
{
    eigenschaft : 'klasse 2 "soundso"',
    eigenschaft2 : 'klasse 2 "soundso ... und so"',




    methode:function()
    {
        alert("methode@Klasse_2: this.eigenschaft == "+this.eigenschaft); // ergibt "klasse 2 "soundso""
        this.methode2("test2"); // ergibt "test2"
    },
    methode2:function(val)
    {
        alert("methode2@Klasse_2: val == "+val);
    },
    callBackTest_2:function(callback)
    {
        alert("in Klasse_2:\t\nKlasse_2 in callBackTest_2() angekommen und callback aufrufen");
        callback();
    }
}







//Klasse_1.methode();
//Klasse_2.methode();
Klasse_1.callBackTest();

Alles anzeigen

@ alert("in Klasse_1:\r\nKlasse_1 in receive angekommen und bsp-wert this.eigenschaft == "+this.eigenschaft);
kommt undefined oO?
raff ich net

Roland · 30. September 2013

jo kannst dir ja mit console log immer this ausgeben lassen.

JavaScript

var Klasse_1 = 
{
    eigenschaft : 'soundso',

    callBackTest:function()
    {
        alert("in Klasse_1:\r\nKlasse_1.eigenschaft == "+this.eigenschaft);
        Klasse_2.callBackTest_2(this);
    },
    receive:function()
    {
        alert("in Klasse_1:\r\nKlasse_1 in receive angekommen und bsp-wert this.eigenschaft == "+this.eigenschaft);
    }
}




var Klasse_2 = 
{
    callBackTest_2:function(objectWithPropertis)
    {
        alert("in Klasse_2:\t\nKlasse_2 in callBackTest_2() angekommen und callback aufrufen");
        objectWithPropertis.receive();
    }
}




Klasse_1.callBackTest();

Alles anzeigen

eine möglichkeit wie es geht...

ist natürlich auch nicht so super
aber man üergibt ja sonst auch ganze objecte und nicht nur einzelne functionen oder?

ansonsten mh wüste auch net

cottton · 1. Oktober 2013

Ha! Geht! =)
Hast recht - muss ja nicht die function rein. Bei mir hatte JS immer die "falsche" Klasse als Referenz genommen.
Hab das Ganze gleich mal in ne func callback() gepackt =)

JavaScript

// the callback function =)
function callback(cl,meth,para){
    return (meth)?meth.call((cl)?cl:null,(para)?para:null):false;    
}




// just a test function:
function testfunction(para){
    document.write("<b>testfunction(para):</b><br>(");
    for(var k in para){
        document.write("<br>&nbsp;&nbsp;&nbsp;"+k+" => "+para[k]);
    }
    document.write("<br>)");    
}




// callback test using testfunction(para)
para = {
        'xxx':'bla',
        'yyy':'more bla',
}
callback(false,testfunction,para);







document.write("<hr>");







// callback test using classes:
var Klasse_1 = 
{
    eigenschaft : 'KLASSE <b>1</b> eigenschaft',
    para : {
        'aaa':'111',
        'bbb':'222',
        'ccc':'333',
    },




    callBackTest:function()
    {
        document.write("<b>Klasse_1.callBackTest: </b>this.eigenschaft == <i>"+this.eigenschaft+"</i><br>");
        Klasse_2.callBackTest_2(this,this.receive,this.para);
    },
    receive:function(para)
    {
        document.write("<b>Klasse_1.receive: </b>this.eigenschaft == <i>"+this.eigenschaft+"</i><br>");
        document.write("<b>Klasse_1.receive(para):</b><br>(");
        for(var k in para){
            document.write("<br>&nbsp;&nbsp;&nbsp;"+k+" => "+para[k]);
        }
        document.write("<br>)");
    }
}
var Klasse_2 = 
{
    eigenschaft : 'KLASSE <b>2</b> eigenschaft',




    callBackTest_2:function(cl,meth,para)
    {
        document.write("<b>Klasse_2.callBackTest_2: </b>this.eigenschaft == <i>"+this.eigenschaft+"</i><br>");
        document.write("<i>callback: meth.call(cl,(para)?para:null); </i><br>");
        //meth.call(cl,(para)?para:null);
        callback(cl,meth,para);
    }
}
Klasse_1.callBackTest();

Alles anzeigen

Das schöne an call() ist, dass man die Referenz mitgeben kann.
Also prüft callback() einfach:

Code

wenn FUNCTION dann rufe auf FUNCTION und
    wenn KLASSE dann gib mit referenz KLASSE und
        wenn PARAMETER dann gib mit PARAMETER

EDIT: apply funktioniert besser, da man die werte (para) als array [array,val,'ect'] mitgeben kann:

JavaScript

function callback(cl,meth,para){
    return (meth)?meth.apply((cl)?cl:null,(para)?[para]:null):false;
}

JS Klasse "verliert" Werte

Jetzt mitmachen!

Teilen