javascript - Javascript的怪异行为

我有以下Java脚本代码片段：

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的视频。

最佳答案

您应该在onload回调内部进行日志记录/处理。在示例代码中，您要在app_data事件上设置load的值，该事件在异步函数readAsText完成其操作后触发。到那时，日志记录/处理代码已经执行。

关于javascript - Javascript的怪异行为，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40943981/