JS Referenzen(?) - wie?

cottton · 15. März 2015

Kann man in JS Referenzen bilden?
Mein Problem:
In var C erstelle ich im Bsp 2 vars (Elem1 und Elem2) und setze sie default auf null.
Dann lasse ich eine Schleife laufen, die auf diese vars Objekte setzen soll.
Dabei lege ich die vars in ein Array.

Problem: im Array haben die vars ihr Element bekommen,
in C sind sie allerdings noch null.

HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
    <div id="a"></div>
    <script type="text/javascript">
        var C =
        {
            Elem1:null,
            Elem2:null,
            Btns:null,
            init:function()
            {
                this.Btns = [
                    [
                        this.Elem1 // hier hätt ich gern die ref
                    ],
                    [
                        this.Elem2 // hier hätt ich gern die ref
                    ]
                ];
                for(var k in this.Btns){
                    this.Btns[k][0] = document.createElement("button");
                    this.Btns[k][0].appendChild(document.createTextNode("aaa"));
                    document.getElementById("a").appendChild(this.Btns[k][0]);
                }
                alert(this.Btns[0][0]); // obj button
                alert(this.Btns[1][0]); // obj button
                alert(this.Elem1); // null
                alert(this.Elem2); // null
            }
        }
        C.init();
    </script>
</body>
</html>

Alles anzeigen

Nitamud · 15. März 2015

Javscript arbeitet bei primitiven Datentypen mit CallbyValue und bei Objekten mit CallbySharing.

Schau dir mal das Beispiel hier an, dies sollte einiges klären: http://stackoverflow.com/quest…or-pass-by-value-language

Wenn du jetzt sowas machst:

JavaScript

this.Btns = [
                    [
                        this.Elem1 = 4

                    ],
                    [
                        this.Elem2 = 5
                    ]
                ];

                alert(this.Btns[0][0]); // 4
                alert(this.Btns[1][0]); //5
                alert(this.Elem1); // 4
                alert(this.Elem2); // 5
            }

Alles anzeigen

funktioniert das Ganze

Für dein oberes Problem würde ich die Elemente in einem Array zusammenfassen und das dann so lösen:

JavaScript

var C =
        {
            Elem: [],
            Btns:null,
            init:function()
            {
                this.Btns = [
                    [
                        this.Elem[1]

                    ],
                    [
                        this.Elem[2]
                    ]
                ];

                 for(var k in this.Btns){

                  this.Elem[Number(k) + 1] =  document.createElement("button");
                  this.Btns[k][0] = this.Elem[Number(k) + 1];  




                 }



                  alert(this.Btns[0][0]); // obj button
                  alert(this.Btns[1][0]); // obj button
                  alert(this.Elem[1]); // obj button
                  alert(this.Elem[2]); // obj button



                }




            }

C.init();

Alles anzeigen

cottton · 15. März 2015

So langsam klingelts
Mit Deinem Bsp könnte ich aber die Objekte nicht dynamisch in der for-Schleife zuweisen.
Wenn ich richtig verstanden hab

Zitat

... outputs [1] because the append method modifies the object on which it is called.

, dann müsste ich:

JavaScript

for(var k in this.Btns){
    this.Btns.k.0 = document.createElement("button");
    // ...
}

was ja aber nicht geht
Stelle fest: mach wohl Sinn die Objekte im gesamten Script dann nur noch über das Array anzusprechen.

JavaScript

this.Btns = [
    [
        null,
        0, // weitere para
        0 // weitere para
    ],
    [
        null,
        0, // weitere para
        0 // weitere para
    ]
];
for(var k in this.Btns){
    this.Btns[k][0] = document.createElement("button");
    this.Btns[k][0].appendChild(document.createTextNode("aaa"));
    document.getElementById("a").appendChild(this.Btns[k][0]);
}
alert(this.Btns[0][0]); // obj button -- OK
alert(this.Btns[1][0]); // obj button -- OK




// im weiteren ablauf ...
given_key = 1;
var test = this.Btns[given_key][0].innerHTML;
alert(test); // "aaa" -- OK

Alles anzeigen

Jetzt weiß ich wenigstens warum das nicht funktionierte
danke =)

EDIT:
zu this.Elem[1] , this.Elem[2]
Das würde funktionieren. Aber die Namen wären später zB
BtnScroll
und
BtnPause

Ich müsste die Namen also als Keys hinterlegen und dyn einsetzen,
was mich wieder dazu bringt gleich das Array Btns zu nutzen

EDIT²:
Abschließend kann man wohl sagen:
Es ist solange eine Referenz, solange man es modifiziert.

JavaScript

var a = {"key":"value of a"};
var b = a; // was passiert hier intern eigtl? b wird ~vorerst zum pointer auf a?




alert(a.key); // "value of a"
alert(b.key); // "value of a"




b.key = "new value"; // b und a modifiziert!
alert(a.key); // "neue value"
alert(b.key); // "neue value"




b = {"key":"oh oh"}; // überschrieben!
alert(a.key); // "neue value"
alert(b.key); // "oh oh"

Alles anzeigen

JS Referenzen(?) - wie?

Jetzt mitmachen!

Teilen