Javascript Object verändert sich selbst

[werner]

Hi,

ich versuche mehrere Objekte (oder in dem Fall nur 1) zu einem großen zusammenzurechnen (Eigenschaften addieren)
Dabei wird jede Sekunde das neu berechnet und ausgegeben - wenn man nur ein 1 Objekt hat (bei dem sich die Werte nicht verändern), sollte das finale Objekt sich auch nicht ändern. Doch die Werte schwanken (gehen hoch und runter)

Nach ewigem Fehlersuchen bin ich nun dabei, das !einzelne! Objekt auszugeben. Dabei zeigt es mir jedes Mal etwas andere Werte, die natürlich auch im finalen Objekt zu der falschen Darstellung führt.

Doch nun das wirklich komische - ich öffne also die Chrome Konsole um die Objekte anzuzeigen, klick auf den kleinen Pfeil, um das Objekt ganz anzuzeigen.
Und die Werte in der vollen Ansicht des Objektes sind nicht dieselben wie in der "Vorschau". In der nächsten Zeile ist dasselbe Objekt korrekt anzeigt. Es geht hier immer nur um ein Objekt.




Der Code ist dieser:
[src=javascript]console.log(items[name].perks);[/src]

Das items-Objekt ist eine Art Datenbank, in der alle verfügbaren Items und deren Eigenschaften gespeichert werden! Es ist also nicht dynamisch.
Ein Bild ist noch angehängt und ein Link zur Liveversion (Es muss noch ein Item gekauft werden; dann die Konsole checken): http://music.wernersbacher.de/#items

Danke für jede Hilfe!
wernersbacher

 

[Timon3]

Scheinbar werden die Objekte beim Öffnen des Pfeils erneut interpretiert, und wenn ein Pointer auf die Objekte anstatt einer Kopie ausgegeben wird (was vermutlich passiert, Chrome optimiert den JS-Code ja), wird beim Öffnen ein anderer Wert dastehen als beim Ausgeben. Fixen kannst du das einfach, indem du erst das Objekt kopierst und dann die Kopie ausgibst.

http://stackoverflow.com/questions/11214430/wrong-value-in-console-log (anderer Aufbau, gleicher Fehler).

 

[werner]

Ja, das habe ich auch gerade gesehen - bin auch schon ein Stück weiter, die Änderung des Objektes ist mir immer noch komplett rätselhaft.


[src=javascript]
function getItemStats(name) {
//Die Eigenschaften werden als read only geladen.
var readOnly = items[name].perks;
var p = multiply_obj(readOnly, 1);

console.log(readOnly);
console.log(items[name].perks);

return p;
}
[/src]


In der Konsole werden BEIDE Objekte mit jedem Aufruf verdoppelt.
1. Wie kann es sein, dass die Objekte überhaupt jedes mal neu verdoppelt werden, und nicht immer dieselben Werte in den Objekten steht? Die Variablen sind ja nur im Scope der Funktion.

2. Wieso ändert sich das Objekt items[name].perks überhaupt?

Noch die multipl_obj Funktion:

[src=javascript]
function multiply_obj(obj, factor) {
for (var attrname in obj) {
if(typeof obj[attrname] !== 'boolean')
obj[attrname] = obj[attrname] * (1 + factor);
}
return obj;
}
[/src]

Wenn der Faktor beim Aufruf von multiply_obj im ersten Code Beispiel 0 ist, dann ändern sich die Objekte nicht (Da sie ja mit dem Faktor 1 mulitpliziert werden). Heißt doch, dass nur dieser Codeteile für die Änderungen verantwortlich ist?

Weitere Ideen dazu?

edit: http://jsfiddle.net/mudkp3d4/ Einfach Konsole öffnen und Ausgabe betrachten.

 

[Timon3]

Soweit ich das richtig sehe, erstellst du mit

[src=javascript]var readOnly = items[name].perks;[/src]

Nur eine Referenz auf items[name].perks. Wenn du das also modifizierst, wird auch dein originales Objekt modifiziert.

Weiterhin ist es klar, dass multipl_obj dein Objekt modifiziert - wieder wird das Objekt als Referenz und nicht als Kopie übergeben, sodass du das originale Objekt modifizierst.

 

[werner]

Argh natürlich.

[src=javascript]
var readOnly = Object.create(items[name].perks);
[/src]

löst es. Danke.