Javascript 的并发问题 - 我需要一种方法来检查文件加载是否已完成

Question

stackoverflow 用户和读者大家好， 我正在用 JS 为 Firefox/Gecko 2.x 编写一个非常简单的东西，但遇到了一个离我的知识有点远的问题。 问题是：我使用以下代码将文件的内容读取为字符串：

NetUtil.asyncFetch(my_file, function(inputStream, status) {
                    if (!Components.isSuccessCode(status)) {
                        return;
                    }
my_string = NetUtil.readInputStreamToString(inputStream, inputStream.available());
]);

读取文件后，我立即评估以下条件：

if (my_string.length == 0) {
    //do something...
} else {
    //do something else...
}

好的，所以问题是，尽管文件中有一些字符，但如果它是第一次运行脚本时，它总是会进入第一个条件，因为它没有足够的时间来读取文件并将字符加载到字符串中。在第二次运行时，全局变量 my_string 具有先前获取的值，因此它将进入“else”条件。 问题是：如何在 JavaScript 中监听“文件完成加载”事件来防止这种行为？ 非常感谢。

Answer 1

就 fetch 而言， my_string 为空是正常的。您需要订阅某些自定义事件或以某种方式传递回调。

NetUtil.asyncFetch(my_file, function(inputStream, status) {
    if (!Components.isSuccessCode(status)) {
        return;
    }
    my_string = NetUtil.readInputStreamToString(inputStream, inputStream.available());
    var evt = document.createEvent('Event');
    evt.initEvent('inputReady', true, true);
    evt.my_string = my_string;
    document.dispatchEvent(evt);
});

然后订阅此

document.addEventListener('inputReady', function(e){
    alert(e.my_string);
});

活动未测试

Answer 2

你好，我不熟悉 Firefox/Gecko 2.x 的 NetUtil，但这个概念看起来很熟悉。

我认为这是因为

 NetUtil.asyncFetch

之后调用您的回调函数

if (my_string.length == 0) {
//do something...
} else {
//do something else...
} 

在您为什么不尝试在正确的位置使用数据

    NetUtil.asyncFetch(my_file, function(inputStream, status) {
                if (!Components.isSuccessCode(status)) {
                    return;
                }
    my_string = NetUtil.readInputStreamToString(inputStream, inputStream.available());

    alert(my_string.length);  //is here is also be 0 ???????
    //do some stuff with the data
 ]);