JavaScriptはFileReader変数を取得できません

Question

.CSVファイル内のレコードから特定のフィールドを取得しようとしています。 onload関数の後に変数recordにアクセスすることはできません。

var record; 

//FileReader to read contents of CSV 
var reader = new FileReader(); 


var file = document.getElementById('csvFileUploadID').files[0]; 

reader.onload = function(event) { 
    reader.readAsText(document.getElementById('csvFileUploadID').files[0]); 
    record = reader.result.split(/\r\n|\r|\n/)[1]; 
    record = record.split(',')[1] 
}; 

//Can't access the 'record' variable here. 

この問題の解決策はクロージャーに関連している可能性が高いと私は考えています。

助けてください。

Answer 1

この種の非同期コードを処理するという約束をすることができます。

var file = document.getElementById('csvFileUploadID').files[0]; 

function readRecord(file) { 
    return new Promise(function(resolve, reject) { 
    var reader = new FileReader(); 
    reader.onload = function(event) { 
     reader.readAsText(document.getElementById('csvFileUploadID').files[0]); 
     record = reader.result.split(/\r\n|\r|\n/)[1]; 
     record = record.split(',')[1]; 
     resolve(record); 
    }; 
    }); 
}; 


readRecord(file).then(function(record) { 
// access record here 
});