JavaScript: Nesneyi değere göre nasıl geçirebilirim?

• Nesneleri parametre olarak iletirken, JavaScript bunları referans olarak iletir ve nesnelerin yerel kopyalarını oluşturmayı zorlaştırır.

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

  oolacak .foove .bar.

• Bunu klonlayarak aşmak mümkündür; basit örnek:

  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)
  

  o.fooveya olmayacak .bar.

Soru

1. Yerel bir kopya / klon oluşturmaktan başka, nesneleri değere göre geçirmenin daha iyi bir yolu var mı?

Pek sayılmaz.

Gerçekte neye ihtiyacınız olduğuna bağlı olarak, yeni bir nesnenin prototipini ayarlamak bir olasılık olabilir o.

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

alert( o.foo ); // undefined

Yani eklediğiniz hiçbir mülk objeklenmeyecektir o. Bir mülk objolarak aynı özellik adına eklenen tüm özellikler o, oözelliği gölgeleyecektir.

Elbette, eklenen tüm özellikler, gölgelenmemişlerse okullanılabilir olacak ve prototip zincirinde bulunan objtüm nesneler oiçin aynı güncellemeleri görecektir o.

Ayrıca, objbir Dizi gibi başka bir nesneye başvuran bir özelliğe sahipse , nesneye üye eklemeden önce o nesneyi gölgelediğinizden emin olmanız gerekir, aksi takdirde bu üyeler eklenir objve tüm nesneler arasında paylaşılır. sahip objprototip zincirinde.

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

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

})(o);

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

Burada en Diziyi gölge yoktu çünkü görebilirsiniz bazüzerinde obir ile bazilgili mülkiyet obj, o.bazDizi modifiye olur.

Bunun yerine, önce gölgelendirmeniz gerekir:

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

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

})(o);

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

Bu cevaba göz atın https://stackoverflow.com/a/5344074/746491 .

Kısacası, JSON.parse(JSON.stringify(obj))nesneleriniz json'a serileştirilebilirse, nesnelerinizi kopyalamanın hızlı bir yoludur.

Nesnenin derin kopyasını gerçekleştirecek klon işlevi:

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;
}

Şimdi şu şekilde kullanabilirsiniz:

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

Kullanım Object.assign()

Misal:

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

Aynı şeyi yapan daha net bir örnek:

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

JavaScript'te nesnelerin nasıl çalıştığı konusunda biraz kafanız karıştı. Nesnenin referansı , değişkenin değeridir. Serileştirilmemiş değer yoktur. Bir nesne oluşturduğunuzda, yapısı bellekte saklanır ve atandığı değişken bu yapıya bir referans tutar.

İstediğiniz şey bir tür kolay, ana dil yapısında sağlanmış olsa bile, teknik olarak yine de klonlama olacaktır.

JavaScript gerçekten sadece geçiş-değerdir ... sadece geçirilen değer bir şeye referans olabilir.

Bunu kullan

x = Object.create(x1);

xve x1iki farklı nesne xolacak , değişim değişmeyecekx1

Javascript her zaman değere göre geçer. Bu durumda, referansın bir kopyasını oanonim işleve aktarır. Kod, referansın bir kopyasını kullanıyor, ancak tek nesneyi değiştiriyor. Javascript'i değerden başka bir şeyle geçirmenin bir yolu yoktur.

Bu durumda istediğiniz, temeldeki nesnenin bir kopyasını iletmektir. Nesneyi klonlamak tek başvuru yoludur. Yine de klon yönteminizin biraz güncellemeye ihtiyacı var

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

JQuery kullanıcıları için bir değerlendirme olarak, bunu çerçeveyi kullanarak basit bir şekilde yapmanın bir yolu da vardır. JQuery'nin hayatımızı biraz daha kolaylaştırmasının başka bir yolu.

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

Referanslar :

• http://api.jquery.com/jquery.extend/
• https://stackoverflow.com/a/122704/1257652
• ve kaynağı araştırmak için .. http://james.padolsey.com/jquery/#v=1.8.3&fn=jQuery.extend

Aslında, Javascript her zaman değere göre aktarılır . Ancak nesne referansları değerler olduğundan , nesneler referansla aktarılmış gibi davranacaktır .

Bu yüzden, bunun etrafında dolaşmak için, nesneyi dizginleyin ve her ikisi de JSON kullanarak ayrıştırın . Aşağıdaki kod örneğine bakın:

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

obj2 = {... obj1} kullanın Şimdi her iki nesne de aynı değere sahip ve farklı referanslara sahip

Bir nesneyi değere göre kopyalamam gerekiyordu (referans değil) ve bu sayfayı yararlı buldum:

JavaScript'te bir nesneyi derinlemesine klonlamanın en etkili yolu nedir? . Özellikle, John Resig tarafından aşağıdaki kodla bir nesnenin klonlanması:

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

ES6 sözdizimi ile:

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

Kısaca özetlediğinizde, bu sadece aşırı karmaşık bir proxy'dir, ancak belki Catch-All Proxy'ler bunu yapabilir mi?

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() {}
  };
}

Lodash kullanıyorsanız veya npm, tüm nesnenin özelliklerini yeni bir boş nesneye derin bir şekilde kopyalamak için lodash'ın birleştirme işlevini kullanın:

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

https://lodash.com/docs#merge

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