Wiered поведения Javascript

Question

У меня есть следующий Java Script фрагмент коды:

function upoload_TC(evt) { 
    var file = evt.target.files[0]; 
    if(file.type != 'text/plain'){ 
     evt.target.style='color:red;'; 
    } 
    else{ 
     var app_data=''; 
     reader = new FileReader(); 
     reader.onload = function(){ 
      app_data = reader.result; 
     }; 
     reader.readAsText(file); 

     if (evt.target.id[7]=='2') { 
/* area of intrest begin: */ 
      var packet_order = get_packet_order(evt.target); 
      console.log("1st"); 
      var app_data1 = app_data.split('\n'); 
      console.log("app_data: "); 
      console.log(app_data); 
      console.log("app_data1: "); 
      console.log(app_data1); 
/* area of intrest end */ 
      for(var i=0; i<app_data1.length; ++i){ 
       console.log("3st"); 
       if(app_data1[i][0] == '!'){ 
        app_data1.splice(i,1); 
        --i; 
        console.log(app_data1); 
       } 
       console.log(app_data); 
       ... 
      } 
     } 
    } 
} 

app_data имеет длинную строку.

После выполнения, иногда у app_data1 нет содержимого.
Наблюдение: Когда я выполняю его шаг за шагом в отладчике, app_data1 имеет ожидаемое значение. Но если моя первая точка останова после оператора присваивания для app_data1, она пуста.

Как это исправить?

Я нашел call_back и promises для решения подобных проблем для пользовательских функций. Поскольку split() не определен мной, я думаю, что это не сработает.
Я считаю, что timeout - это неправильный способ сделать это. Это?

Просмотрите видео окно отладчика here.

Answer 1

Вы должны делать протоколирования/обработки внутри onload обратного вызова. В вашем примере кода вы устанавливаете значение app_data на событие load, которое запускается после того, как асинхронная функция readAsText заканчивает свою работу. К тому времени код регистрации/обработки уже выполнен.

Answer 2

Попробуйте это:

var stringSplit = function (str) { 
    return new Promise(function (resolve, reject) { 
    var splittedString = str.split('\n'); 
    return resolve(splittedString); 
    }); 
} 

var veryLongStr = "very long string"; 
stringSplit(veryLongStr).then(function (splittedString) { 
    console.log(splittedString); 
});