Javascript „für“ Loopfunktionen Sequenz

Question

Ich habe einige javasctipt Code wie dieser https://jsfiddle.net/vhzqvx2e/20/ Wenn Sie 4 Dateien auswählen und schauen in die Konsole sehen Sie diese

1 
2 
3 
4 
4 
Object { name: "FireShot Capture 4", size: 54714, type: "image/png", preview: "data:image/png;base64,"[…] } 
4 - 
Object { name: "FireShot Capture 4", size: 54714, type: "image/png", preview: "data:image/png;base64,"[…] } 
4 - 
Object { name: "FireShot Capture 4", size: 54714, type: "image/png", preview: "data:image/png;base64,"[…] } 
4 - 
Object { name: "FireShot Capture 4", size: 54714, type: "image/png", preview: "data:image/png;base64,"[…] } 

Wie Sie bei fisrt sehen kann ich volle Schleife Konsole sehen .log (this.count); und dann läuft mein gesamter Code bei der letzten Schleife (nur Bildgrößen und Namen für das letzte Bild). Wie kann ich machen Leser und SomeCl.processM (info); bei jeder Schleife laufen, nicht 4 mal nach?

Answer 1

• Wrap Filereader Objekterstellung und 'Last' Rückruf innerhalb einer IIFE Funktion mit einer eigenen lexikalischen Gültigkeitsbereich

---

(function(file) { 
       var reader = new FileReader(); 
       reader.onload = function(e) { 
        info.preview = e.target.result; 
        console.log(SomeCl.count + " -") 
        SomeCl.processM(info); 
       }; 
       reader.readAsDataURL(files[i]); 
     })(files[i]); 

https://jsfiddle.net/bfzmm1hc/1