Javascript klonlanmış nesneyi prototip işlevlerini kaybeder

Question

Javascript'te bir nesneyi klonlamaya çalışıyorum. Prototip işlevlerine sahip kendi 'sınıfım' yaptım.

Sorunum: Bir nesneyi klonladığımda, klon herhangi bir prototip işlevine erişemez/çağrı yapamaz.

clone.render bir nesne klonlayabilirsiniz nasıl

söyler misin bir fonksiyonu değildir: Ben klonu bir prototip işlevini erişmek giderken

bir hata alıyorum ve Bu basit JSFiddle hatasını izlediğini gösteren prototip fonksiyonları

tutmak alıyorum: http://jsfiddle.net/VHEFb/1/

function cloneObject(obj) 
{ 
    // Handle the 3 simple types, and null or undefined 
    if (null == obj || "object" != typeof obj) return obj; 

    // Handle Date 
    if (obj instanceof Date) { 
    var copy = new Date(); 
    copy.setTime(obj.getTime()); 
    return copy; 
    } 

    // Handle Array 
    if (obj instanceof Array) { 
    var copy = []; 
    for (var i = 0, len = obj.length; i < len; ++i) { 
     copy[i] = cloneObject(obj[i]); 
    } 
    return copy; 
    } 

    // Handle Object 
    if (obj instanceof Object) { 
    var copy = {}; 
    for (var attr in obj) { 
     if (obj.hasOwnProperty(attr)) copy[attr] = cloneObject(obj[attr]); 
    } 
    return copy; 
    } 

    throw new Error("Unable to copy obj! Its type isn't supported."); 
} 

function MyObject(name) 
{ 
    this.name = name; 
    // I have arrays stored in this object also so a simple cloneNode(true) call wont copy those 
    // thus the need for the function cloneObject(); 
} 

MyObject.prototype.render = function() 
{ 
    alert("Render executing: "+this.name); 
} 

var base = new MyObject("base"); 
var clone = cloneObject(base); 
clone.name = "clone"; 
base.render(); 
clone.render(); // Error here: "clone.render is not a function" 

Answer 1

kodu Bazı yorumlarınızı bu kodu kullanabilirsiniz:

> if (obj instanceof Date) { 
>  var copy = new Date(); 
>  copy.setTime(obj.getTime()); 

olabilir:

if (obj instanceof Date) { 
    var copy = new Date(obj); 

ve

Obj, iFrame gibi başka bir genel içerikten bir dizi ise, false değerini döndürür. Düşünün:

 if (o && !(o.constructor.toString().indexOf("Array") == -1)) 

>  var copy = []; 
>  for (var i = 0, len = obj.length; i < len; ++i) { 
>   copy[i] = cloneObject(obj[i]); 
>  } 

daha verimli yapılabilir başka bir dizinin endeksleri kopyalanması ve doğru bir slice kullanarak:

 var copy = obj.slice(); 

değil mi eklenmiş olabilir başka özelliklerini özleyeceğim rağmen sayısal. Uzunluğa 0'dan fazla döngü yapmak, seyrek bir dizide bulunmayan klona özellikler ekleyecektir (örneğin, seçimler tanımsız üyeler haline gelecektir). doğrudan "klon" nesneye orijinalin [[Prototype]] zincire de dahil olmak üzere tüm özellikleri, kopyalar klonlama kısmına gelince

... parçası kopyalama nesne özelliklerinde

. Bir nesneyi gerçekten "klonlamak" için tek yol, [[Prototype]] değerini orijinalle aynı nesneye ayarlamak, ardından orijinaldeki (hasOwnProperty ile filtrelenerek) sayısız özellikleri kopyaya kopyalamaktır.

ikinci bölümü, bir nesnenin yapıcı özelliği olan prototype onun [[Prototype]] olduğunu nesneye başvurur garanti edemez beri ilk bölümü (genel anlamda) değil, önemsiz, ne sen şantiye prototip değişmedi garanti edemez Bu arada değişmedi (yani farklı bir nesne).

alabileceğiniz en yakın orijinal nesneyi klonu [[Prototype]] yapar (beget olarak Douglas Crockford tarafından popüler) Lasse Reichstein Nielsen's clone kullanın ve daha sonra aynı nesneye yapıcısı ayarlamaktır. Her ne kadar muhtemelen sayısız kendi özelliklerini kopyalamanız gerekiyorsa da, orijinalin aynı adlı özelliklerini saklıyorlar.

Bu nedenle, yalnızca bir nesneyi sınırlı bir bağlam içinde klonlayabilirsiniz, genellikle yapamazsınız. Ve genellikle bu gerçekleştirme, nesneleri genel olarak klonlamaya ihtiyaç duymadığınız bir tasarıma yol açar.

Answer 2

yerine

var copy = {}; 

kullanım

var copy = new obj.constructor; 

Answer 3

Ben örnek nesnenin yapıcısı kullanılarak klon nesne klonlanmış olması olacaktır:

var copy = {}; 

olacak

var copy = new obj.constructor(); 

Bu hızlı bir yanıttır ve böyle bir çözümün dezavantajları hakkında düşünmedim (ağır yapıcıyı düşünüyorum) ama ilk bakışta çalışmalıyım (ezoterik olmayacağından bahsetmeyeceğim). __proto__) yöntemleri.

Güncelleme:

bu sorunu çözmek için object.create başvurmak gerekir.

var copy = {}; 

orijinal yapıcı Nesne olarak (sunucudan veri almak için bir uzun ajax arama yapan bir yapıcısı düşünün) nesne oluşturmak için çağrılmaz Bu şekilde

var copy = Object.create(obj.constructor.prototype); 

olacaktır.oluşturmak

Object.create = function (proto) { 
    function F() {} 
    F.prototype = proto; 
    return new F(); 
}; 

eşdeğerdir Ve bu işlevi desteklemez kullandığınız JavaScript motoru (o ECMAScript'e 5 spesifikasyonları eklendi) eğer

Answer 4

İşleviniz basitleştiirlebilir:

İşte

function cloneObject(obj) 
{ 
    obj = obj && obj instanceof Object ? obj : ''; 

    // Handle Date (return new Date object with old value) 
    if (obj instanceof Date) { 
    return new Date(obj); 
    } 

    // Handle Array (return a full slice of the array) 
    if (obj instanceof Array) { 
    return obj.slice(); 
    } 

    // Handle Object 
    if (obj instanceof Object) { 
    var copy = new obj.constructor(); 
    for (var attr in obj) { 
     if (obj.hasOwnProperty(attr)){ 
      if (obj[attr] instanceof Object){ 
       copy[attr] = cloneObject(obj[attr]); 
      } else { 
       copy[attr] = obj[attr]; 
      } 
     } 
    } 
    return copy; 
    } 

    throw new Error("Unable to copy obj! Its type isn't supported."); 
} 

i gördüğüm bir working jsfiddle