JavaScript - setDate überschreibt den Wert der zuvor zugewiesenen Variablen

Question

Ich versuche, verschiedene Termine zu separaten task() - Objekte zuzuweisen; aber JavaScript verhält sich in diesem Fall unerwartet, wie aus der angehängten Ausgabe für das folgende Snippet ersichtlich ist.

Beim Zuweisen von Daten (dh Erwartete Ausgabe) gibt es beabsichtigte Werte zurück (dieselben, die zugewiesen werden), aber beim Anzeigen (dh Tatsächliche Ausgabe) überschreibt es den Wert für alle Datumsvariablen und gibt nur den letzten zugewiesenen Wert zurück alle von ihnen.

Bitte helfen Sie mir zu verstehen, wie das passiert!

 

 
    var task = function() { 
 
    this.name, this.date,this.id; 
 
    this.saveTask = function(n,d) 
 
    { 
 
    this.name = n; 
 
    this.date = d; 
 
    }; 
 
    this.gettask = function() 
 
    { 
 
    \t return this.id+": "+this.date; 
 
    }; 
 
} 
 

 
var d = new Date(); 
 
var obj = []; 
 
console.log("Expected Output"); 
 
for(i=0;i<5;i++){ 
 
\t obj[i] = new task(); 
 
    obj[i].id = i; 
 
    d.setDate(i); 
 
    obj[i].date = d; 
 
    console.log(i+": "+d); //Display assinged value 
 
} 
 

 
console.log("Actual Output"); 
 
for(i=0;i<5;i++){ 
 
\t console.log(obj[i].gettask()); 
 
}

OUTPUT IN KONSOLE

Expected Output 
0: Sat Apr 30 2016 10:42:20 GMT+0530 (India Standard Time) 
1: Fri Apr 01 2016 10:42:20 GMT+0530 (India Standard Time) 
2: Sat Apr 02 2016 10:42:20 GMT+0530 (India Standard Time) 
3: Sun Apr 03 2016 10:42:20 GMT+0530 (India Standard Time) 
4: Mon Apr 04 2016 10:42:20 GMT+0530 (India Standard Time) 
Actual Output 
0: Mon Apr 04 2016 10:42:20 GMT+0530 (India Standard Time) 
1: Mon Apr 04 2016 10:42:20 GMT+0530 (India Standard Time) 
2: Mon Apr 04 2016 10:42:20 GMT+0530 (India Standard Time) 
3: Mon Apr 04 2016 10:42:20 GMT+0530 (India Standard Time) 
4: Mon Apr 04 2016 10:42:20 GMT+0530 (India Standard Time) 

Answer 1

Sie zu jedem task das gleiche Datum Objekt zuweisen. Erstellen Sie ein neues Datum für jeden in der Schleife.

for (let i = 0; i < 5; i++) { 
    let d = new Date(); 
    d.setDate(i); 

    let t = new task(); 
    t.date = d; 
    // etc 

    obj.push(t); 
} 

Ich schlage vor, Sie lesen dieses haben ~ Is JavaScript a pass-by-reference or pass-by-value language?

---

Beachten Sie, dass der Zeitanteil jedes Objekt Datum zu Ausführungszeit aufgrund unterschiedlich sein kann. Wenn Sie möchten, dass alle die gleiche Zeit, aber unterschiedliche Daten haben, müssen Sie eine kleine Änderung vornehmen.