javascript - 在 JS 中调用回调时变量不正确

Question

我在下面的代码中得到了错误的文件名。我确定错误很明显，但我没有看到。我得到了正确数量的错误，但是所有文件名都是相同的，而不是错误的文件名。

for(var i=0; i<this.files.length; ++i){
    var f = this.files[i];
    var reader = new FileReader();
    reader.onload = function(e) {
        if(e.total>maxFilesize){
            tooBigFilesLs.push(f.name);

Answer 1

Javascript Closures

“在循环中创建闭包:常见错误”一文中有一个例子

试试这个:

for(var i=0; i<this.files.length; ++i){
    var f = this.files[i];
    var reader = new FileReader();

    (function(name){

        reader.onload = function(e) {
            if(e.total>maxFilesize){
                    tooBigFilesLs.push(name);
        }
    }
     }(f.name));
}

(未测试)

基本上，当您在“onload”上定义该函数时，您正在创建一个闭包，并且您在该循环中创建的所有函数都共享它，因此所有函数都可以访问“f”和“reader”，所以“f' 将继续指向循环中的最后一个文件。在我的示例中添加匿名闭包，使用该“名称”参数，确保“onload”中的函数获得正确的名称。