Coffeescript/Javascript Warum verlieren die Objekte in einem geklonten Array ihre Referenzen, wenn sie an eine Methode übergeben werden?

Question

Ich klonen ein Array von Objekten mit slice(), aber wenn ich das geklonte Array in eine andere Methode übergeben, verlieren die Inhalte des Arrays ihre Referenzen und werden undefined.

class Chooser 
    constructor: (@order, @items) -> 
    # do stuff 

    choose: -> 
    console.debug "Choosing", @order.size, "from", @items.slice() 
    @process(@order.size, @items.slice()) 
    # do stuff 

    process: (count, items) -> 
    console.debug "count", count 
    console.debug "items", items 
    console.debug "@items", @items 
    # do recursive stuff that includes an items.shift() 

Die erste console.debug gibt mir, wie erwartet:

Choosing 10 items from [Item, Item] 

wo Item und Item sind genau das, was ich erwartet hatte.

Aber dann die nächsten console.debug Linien geben Sie mir

count 10 
items [undefined x 2] 
@items [Item, Item] 

Ich verstehe, dass @items.slice() eine flache Kopie @items, und als solche die Objekte innerhalb des Arrays sind Verweise auf die gleiche Item Objekte erstellt. Die Objekte Item sind offensichtlich noch vorhanden, da sie immer noch im ursprünglichen @items Array sind.

Warum scheinen die Objekte im geklonten Array ihre Referenzen einmal innerhalb der process Methode zu verlieren?

Sehen Sie diese Working example of the problem converted to Javascript

Answer 1

für diese Antwort Sehen Sie, was in Ihrem Code geschieht:

https://stackoverflow.com/a/24176638/635411

Wie Sie das Aufschneiden sehen adaequat:

var MyClass = (function() { 
 
    
 
    function MyClass(items) { 
 
    this.items = items; 
 
    } 
 
    
 
    MyClass.prototype.fn1 = function() { 
 
    console.log(this.items); 
 
    this.fn2(this.items.slice()); 
 
    }; 
 
    
 
    MyClass.prototype.fn2 = function(items){ 
 
    console.log(items); 
 
    }; 
 
    
 
    return MyClass; 
 
})(); 
 

 
new MyClass([{id:1, name:'a'}, {id:2, name:'b'}]).fn1();

Sie sehen, dass Ihr Array verschoben wird, bevor Sie es in der Konsole erweitert haben. Wenn Sie das Objekt tatsächlich stringify können Sie sehen, dass es erfolgreich in geben wurde.

var MyClass = (function() { 
 
    
 
    function MyClass(items) { 
 
    this.items = items; 
 
    } 
 
    
 
    MyClass.prototype.fn1 = function() { 
 
    console.log(this.items); 
 
    this.fn2(this.items.slice()); 
 
    }; 
 
    
 
    MyClass.prototype.fn2 = function(items){ 
 
    console.log(items); 
 
    console.log(JSON.stringify(items, null, 2)); 
 
    items.shift(); 
 
    items.shift(); 
 
    }; 
 
    
 
    return MyClass; 
 
})(); 
 

 
new MyClass([{id:1, name:'a'}, {id:2, name:'b'}]).fn1();