在匿名函数之外访问变量

Question

我知道这可能是重复的，但我就是不知道该怎么做（相信我，我已经搜索过了，我试图摆弄代码）。我有以下代码，它正在构建一个文件表，您可以将这些文件拖放到应用程序中。

function CreateTrackTable (data, length) {

    var fs = require('fs'),
        mm = require('musicmetadata'),
        i  = 0;

    for (i; i < length; ++i) { 

        var mimeType = data.dataTransfer.files[i].type;

        if (mimeType == "audio/mp3" || mimeType == "audio/x-m4a"){

                FilePath = data.dataTransfer.files[i].path;
                var parser = mm(fs.createReadStream(FilePath));

            parser.on('metadata',  function (result) {

                if (result.picture.length == 0) {
                    $("#track-table").append('<tr path="'+ FilePath +'"><td></td></tr>');
                }else{
                    var picture = base64ArrayBuffer(result.picture[0].data);
                    $("#track-table").append('<tr path="'+ FilePath +'"><td></td></tr>');     
                }
            });
        }
    } 
}

问题是 FilePath 变量是可访问的，但是它“打印出”总是相同的路径，而不是循环 i 所尊重的路径。

该应用程序是使用 nodo-webkit 构建的，一切正常，这是我唯一想不通的问题。

感谢您的帮助！

Answer 1

在循环中创建的每个函数都在相同的FilePath 上关闭（即，它们不会各自获得自己的副本），这意味着它们在执行时都会看到该变量的任何值。为了使这项工作按您的期望进行，您需要安排它，以便他们确实获得自己的副本。由于 JavaScript 变量的作用域是最近的封闭函数，所以这样做的方法是将函数创建包装在一个立即调用的函数中，该函数接收所需的值作为参数：

(function(FilePath) {
    parser.on('metadata',  function (result) {
        if (result.picture.length == 0) {
            $("#track-table").append('<tr path="'+ FilePath +'"><td></td></tr>');
        } else {
            var picture = base64ArrayBuffer(result.picture[0].data);
            $("#track-table").append('<tr path="'+ FilePath +'"><td></td></tr>');     
        }
    });
})(FilePath);

在这种情况下，每个新函数都会关闭一个新的FilePath，从而产生所需的结果。