JavaScript: Wie übergebe ich ein Objekt nach Wert?

• Wenn Sie Objekte als Parameter übergeben, übergibt JavaScript diese als Referenz und macht es schwierig, lokale Kopien der Objekte zu erstellen.

  var o = {};
  (function(x){
      var obj = x;
      obj.foo = 'foo';
      obj.bar = 'bar';
  })(o)

  owird haben .foound .bar.

• Es ist möglich, dies durch Klonen zu umgehen. einfaches Beispiel:

  var o = {};
  
  function Clone(x) {
     for(p in x)
     this[p] = (typeof(x[p]) == 'object')? new Clone(x[p]) : x[p];
  }
  
  (function(x){
      var obj = new Clone(x);
      obj.foo = 'foo';
      obj.bar = 'bar';
  })(o)

  owird nicht haben .foooder .bar.

Frage

1. Gibt es eine bessere Möglichkeit, Objekte nach Wert zu übergeben, als eine lokale Kopie / einen lokalen Klon zu erstellen?

Nicht wirklich.

Je nachdem, was Sie tatsächlich benötigen, besteht eine Möglichkeit darin, oden Prototyp eines neuen Objekts festzulegen.

var o = {};
(function(x){
    var obj = Object.create( x );
    obj.foo = 'foo';
    obj.bar = 'bar';
})(o);

alert( o.foo ); // undefined

Eigenschaften, die Sie hinzufügen, objwerden also nicht hinzugefügt o. Alle Eigenschaften, die objmit demselben Eigenschaftsnamen wie eine Eigenschaft in hinzugefügt wurden, oschattieren dieo Eigenschaft.

Natürlich sind alle hinzugefügten Eigenschaften overfügbar, objwenn sie nicht schattiert sind, und alle Objekte oin der Prototypenkette werden mit denselben Aktualisierungen verseheno .

Wenn objeine Eigenschaft vorhanden ist, die auf ein anderes Objekt verweist, z. B. ein Array, müssen Sie sicherstellen, dass Sie dieses Objekt schattieren, bevor Sie dem Objekt Elemente hinzufügen. Andernfalls werden diese Elemente hinzugefügt objund von allen Objekten gemeinsam genutzt, die dies tun haben objin der Prototypkette.

var o = {
    baz: []
};
(function(x){
    var obj = Object.create( x );

    obj.baz.push( 'new value' );

})(o);

alert( o.baz[0] );  // 'new_value'

Hier können Sie sehen , dass , weil Sie nicht das Array an Schatten haben bazauf omit einer bazEigenschaft auf obj, dieo.baz wird Array geändert.

Stattdessen müssen Sie es zuerst beschatten:

var o = {
    baz: []
};
(function(x){
    var obj = Object.create( x );

    obj.baz = [];
    obj.baz.push( 'new value' );

})(o);

alert( o.baz[0] );  // undefined

Überprüfen Sie diese Antwort https://stackoverflow.com/a/5344074/746491 .

Kurz gesagt, JSON.parse(JSON.stringify(obj))ist eine schnelle Möglichkeit, Ihre Objekte zu kopieren, wenn Ihre Objekte in json serialisiert werden können.

Hier ist die Klonfunktion, die eine tiefe Kopie des Objekts ausführt:

function clone(obj){
    if(obj == null || typeof(obj) != 'object')
        return obj;

    var temp = new obj.constructor(); 
    for(var key in obj)
        temp[key] = clone(obj[key]);

    return temp;
}

Jetzt können Sie wie folgt verwenden:

(function(x){
    var obj = clone(x);
    obj.foo = 'foo';
    obj.bar = 'bar';
})(o)

Verwenden Object.assign()

Beispiel:

var a = {some: object};
var b = new Object;
Object.assign(b, a);
// b now equals a, but not by association.

Ein saubereres Beispiel, das dasselbe tut:

var a = {some: object};
var b = Object.assign({}, a);
// Once again, b now equals a.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

Sie sind etwas verwirrt darüber, wie Objekte in JavaScript funktionieren. Die Objektreferenz ist der Wert der Variablen. Es gibt keinen unserialisierten Wert. Wenn Sie ein Objekt erstellen, wird seine Struktur im Speicher gespeichert und die Variable, der es zugewiesen wurde, enthält einen Verweis auf diese Struktur.

Selbst wenn das, was Sie fragen, in einem einfachen, muttersprachlichen Konstrukt bereitgestellt würde, wäre es technisch immer noch Klonen.

JavaScript ist wirklich nur ein Wert, der übergeben wird. Es ist nur so, dass der übergebene Wert möglicherweise auf etwas verweist.

Benutze das

x = Object.create(x1);

xund x1wird zwei verschiedene Objekte sein, Änderung in xwird sich nicht ändernx1

Javascript wird immer als Wert übergeben. In diesem Fall wird eine Kopie der Referenz oan die anonyme Funktion übergeben. Der Code verwendet eine Kopie der Referenz, mutiert jedoch das einzelne Objekt. Es gibt keine Möglichkeit, Javascript an etwas anderem als dem Wert vorbeizulassen.

In diesem Fall möchten Sie eine Kopie des zugrunde liegenden Objekts übergeben. Das Klonen des Objekts ist der einzige Rückgriff. Ihre Klonmethode muss jedoch ein wenig aktualisiert werden

function ShallowCopy(o) {
  var copy = Object.create(o);
  for (prop in o) {
    if (o.hasOwnProperty(prop)) {
      copy[prop] = o[prop];
    }
  }
  return copy;
}

In Anbetracht der jQuery-Benutzer gibt es auch eine Möglichkeit, dies mithilfe des Frameworks auf einfache Weise zu tun. Nur eine andere Art, wie jQuery unser Leben ein wenig einfacher macht.

var oShallowCopy = jQuery.extend({}, o);
var oDeepCopy    = jQuery.extend(true, {}, o); 

Verweise :

• http://api.jquery.com/jquery.extend/
• https://stackoverflow.com/a/122704/1257652
• und in die Quelle zu graben .. http://james.padolsey.com/jquery/#v=1.8.3&fn=jQuery.extend

Tatsächlich wird Javascript immer als Wert übergeben . Da Objektreferenzen jedoch Werte sind , verhalten sich Objekte so, als würden sie als Referenz übergeben .

Um dies zu umgehen , stringifizieren Sie das Objekt und analysieren Sie es zurück, beide mit JSON. Siehe Codebeispiel unten:

var person = { Name: 'John', Age: '21', Gender: 'Male' };

var holder = JSON.stringify(person);
// value of holder is "{"Name":"John","Age":"21","Gender":"Male"}"
// note that holder is a new string object

var person_copy = JSON.parse(holder);
// value of person_copy is { Name: 'John', Age: '21', Gender: 'Male' };
// person and person_copy now have the same properties and data
// but are referencing two different objects

use obj2 = {... obj1} Jetzt haben beide Objekte den gleichen Wert und haben unterschiedliche Referenzen

Ich musste ein Objekt nach Wert (nicht als Referenz) kopieren und fand diese Seite hilfreich:

Was ist der effizienteste Weg, um ein Objekt in JavaScript tief zu klonen? . Insbesondere das Klonen eines Objekts mit dem folgenden Code von John Resig:

//Shallow copy
var newObject = jQuery.extend({}, oldObject);
// Deep copy
var newObject = jQuery.extend(true, {}, oldObject);

Mit der ES6-Syntax:

let obj = Object.assign({}, o);

Wenn Sie sich darauf beschränken, ist es nur ein ausgefallener, übermäßig komplizierter Proxy, aber vielleicht könnte Catch-All Proxies das tun?

var o = {
    a: 'a',
    b: 'b',
    func: function() { return 'func'; }
};

var proxy = Proxy.create(handlerMaker(o), o);

(function(x){
    var obj = x;
    console.log(x.a);
    console.log(x.b);
    obj.foo = 'foo';
    obj.bar = 'bar';
})(proxy);

console.log(o.foo);

function handlerMaker(obj) {
  return {
   getOwnPropertyDescriptor: function(name) {
     var desc = Object.getOwnPropertyDescriptor(obj, name);
     // a trapping proxy's properties must always be configurable
     if (desc !== undefined) { desc.configurable = true; }
     return desc;
   },
   getPropertyDescriptor:  function(name) {
     var desc = Object.getOwnPropertyDescriptor(obj, name); // not in ES5
     // a trapping proxy's properties must always be configurable
     if (desc !== undefined) { desc.configurable = true; }
     return desc;
   },
   getOwnPropertyNames: function() {
     return Object.getOwnPropertyNames(obj);
   },
   getPropertyNames: function() {
     return Object.getPropertyNames(obj);                // not in ES5
   },
   defineProperty: function(name, desc) {

   },
   delete:       function(name) { return delete obj[name]; },   
   fix:          function() {}
  };
}

Wenn Sie lodash oder verwenden npm, verwenden Sie die Zusammenführungsfunktion von lodash, um alle Eigenschaften des Objekts wie folgt in ein neues leeres Objekt zu kopieren:

var objectCopy = lodash.merge({}, originalObject);

https://lodash.com/docs#merge

https://www.npmjs.com/package/lodash.merge