Objekt-Klon statt Referenz

nikosch · 02.06.2010, 14:37

Tach, folgender Code funktioniert nicht, wie er auf den ersten Blick zu arbeiten scheint:

Code:

function foo (preset)
  {
  var out = preset;
  out.a = 5;
  }


var inp = { test: 'test'};

console.log (inp);  // {test: 'test'}

outp = foo (inp);

console.log (inp);  // {test: 'test' , a: 5}

var out = preset; kopiert hier die gesamte Instanz, statt nur die Werte und ändert damit auch das Ausgangsobjekt bei jeder Operation auf die neue Variable.

Mein aktueller "Workaround" sieht so aus (jQuery):

Code:

function foo (preset)
  {
  var out = jQuery.extend ({} , preset);
  out.a = 5;
  }

Der hat allerdings einen Schönheitsfehler: extend() schmeißt alle Properties aus dem Objekt, die auf "undefined" gesetzt sind. Im Normalfall vertretbar, nur nicht, wenn man die Namen der Objektproperties bspw. per Schleife auswerten will.

Nun die Frage:
Gibt es eine native JS-Variante, um einen Objektklon mit allen seinen Properties zu erzeugen?

Danke an alle Javascript-Gurus.

draco88 · 02.06.2010, 14:58

In Prototype gibts eine ähnliche funktion, wie bei jQuery. Hier sollten allerdings auch undefined Werte kopiert werden.

PHP-Code:

  Object.extend = function(destination, source) {
  for (var property in source)
    destination[property] = source[property];
  return destination;
};

nikosch · 02.06.2010, 15:03

Stimmt schon, das geht natürlich auch. Hatte gehofft, das geht noch etwas "freakiger".

nikosch · 02.06.2010, 15:14

Bei näherer Betrachtung gefällt mir die Lösung doch ganz gut. Danke.

ChrisB · 02.06.2010, 17:33

Zitat:

Zitat von nikosch

var out = preset; kopiert hier die gesamte Instanz, statt nur die Werte und ändert damit auch das Ausgangsobjekt bei jeder Operation auf die neue Variable.

Objekte werden in JavaScript immer per Referenz übergeben.
Und alles ausser den primitiven Datentypen ist ein Objekt.

nikosch · 02.06.2010, 21:20

Zitat:

Objekte werden in JavaScript immer per Referenz übergeben.
Und alles ausser den primitiven Datentypen ist ein Objekt.

Ist mir ja bewußt. Ich wurde nur schmerzlich daran erinnert, dass dies dann auch für das Feedback gilt. Im Nachhinein ja logisch, aber da in JS so gut wie alles ein Objekt ist, ist es schwer überhaupt mit Parametern zu arbeiten, ohne dass das einen Seiteneffekt auf den aufrufenden Kontext hat:

PHP-Code:

  function foo (preset)
  {
  var out = preset;
  out.foo = 42;

  return out;
  }

var bar = {my: 1}:
var baz = foo (bar);

// auch bar ist jetzt foo-o-i-siert

rudygotya · 04.06.2010, 00:18

Evtl schneller:

PHP-Code:

  function clone (obj) {
  // isArray (evtl die ecma5 isArray-Function mappen)
  if(!!(obj && obj.concat && obj.unshift && !obj.callee))
    return obj.slice(0)
    // ansonsten iterieren und kopieren
}

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Problem beim dynamischen Erweitern von Arrays in Object Porperties	dille001	PHP Tipps 2010	3	24.05.2010 11:52
[Erledigt] Parameter wird als Referenz übergeben?	Nightwave	PHP Tipps 2010	6	09.04.2010 20:41
Ergebnis einer Datenbankabfrage als Objekt	chunky	PHP Tipps 2010	7	27.01.2010 21:38
Objekt per Klassenmethode löschen	Ti-Systems	PHP Tipps 2010	4	20.01.2010 19:28
[Erledigt] Objekt Iteration Löschmethode	stayInside	PHP-Fortgeschrittene	10	29.11.2009 15:07
[Erledigt] Von einem Objekt auf ein anders Objekt zugreifen	Xenon54	PHP Tipps 2009	12	16.10.2009 16:21
Objekt löschen via Methodenübergabe desselben	nikosch	Software-Design	19	01.06.2009 00:38
[Erledigt] Objekt an Konstruktor übergeben	hawkeye78	PHP Tipps 2009	7	28.02.2009 19:01
Referenz in mehrdimensionalem Array auch nach Kopie?	ciss	PHP Tipps 2008	3	03.12.2008 18:29
Objekt im GET-Query wird nicht übertragen	Ralpho	PHP-Fortgeschrittene	10	05.05.2008 10:03
Referenz wiederherstellen	cycap	Datenbanken	8	03.09.2007 14:53
Zugriff auf verschachteltes Objekt aus Funktion	FloMX	PHP-Fortgeschrittene	10	28.03.2006 17:01
[Erledigt] PHP5 OOP Zugriff aus einem Objekt auf ein externes Objekt		PHP Tipps 2006	5	28.01.2006 16:05
Objekt übergeben	Fatal Error	PHP Tipps 2007	5	28.12.2005 14:43
kann sich ein Objekt selbst serialisieren?	ajo_silent	PHP Tipps 2005-2	24	27.06.2005 09:13

02.06.2010, 14:37
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Objekt-Klon statt Referenz Tach, folgender Code funktioniert nicht, wie er auf den ersten Blick zu arbeiten scheint: Code: function foo (preset) { var out = preset; out.a = 5; } var inp = { test: 'test'}; console.log (inp); // {test: 'test'} outp = foo (inp); console.log (inp); // {test: 'test' , a: 5} var out = preset; kopiert hier die gesamte Instanz, statt nur die Werte und ändert damit auch das Ausgangsobjekt bei jeder Operation auf die neue Variable. Mein aktueller "Workaround" sieht so aus (jQuery): Code: function foo (preset) { var out = jQuery.extend ({} , preset); out.a = 5; } Der hat allerdings einen Schönheitsfehler: extend() schmeißt alle Properties aus dem Objekt, die auf "undefined" gesetzt sind. Im Normalfall vertretbar, nur nicht, wenn man die Namen der Objektproperties bspw. per Schleife auswerten will. Nun die Frage: Gibt es eine native JS-Variante, um einen Objektklon mit allen seinen Properties zu erzeugen? Danke an alle Javascript-Gurus. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

02.06.2010, 14:58
draco88 Erfahrener Benutzer Registriert seit: 01.12.2009 Beiträge: 645 PHP-Kenntnisse: Fortgeschritten	In Prototype gibts eine ähnliche funktion, wie bei jQuery. Hier sollten allerdings auch undefined Werte kopiert werden. PHP-Code: `Object.extend = function(destination, source) { for (var property in source) destination[property] = source[property]; return destination; };`

02.06.2010, 15:03
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Stimmt schon, das geht natürlich auch. Hatte gehofft, das geht noch etwas "freakiger". __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

02.06.2010, 15:14
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Bei näherer Betrachtung gefällt mir die Lösung doch ganz gut. Danke. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

04.06.2010, 00:18
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Evtl schneller: PHP-Code: `function clone (obj) { // isArray (evtl die ecma5 isArray-Function mappen) if(!!(obj && obj.concat && obj.unshift && !obj.callee)) return obj.slice(0) // ansonsten iterieren und kopieren }` __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog