Objekt-Klon statt Referenz

[nikosch]

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

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):

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]

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

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

[nikosch]

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

[nikosch]

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

[ChrisB]

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]

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:

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]

Evtl schneller:

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
}