javascript - 函数内更改后，无法访问更改后的变量值

Question

        var getFileName = null

        $('#fileInput').change(function() {
            var props = $('#fileInput').prop('files'),
                file = props[0]
            getFileName = "" + file.name
            console.log("inside function: " + getFileName)
        })


        // selected file
        console.log("outside function: " + getFileName);

变量在函数内部正确更改，但我无法在函数外部获取更改后的值。我想我忽略了一些东西，但目前无法修复它。 😅

Answer 1

就像评论中提到的那样，这些行不会按照它们被注意到的回调原因执行的顺序执行。

你可能应该这样做

    var getFileName = null; // global variable

    $('#fileInput').change(function() {
        var props = $('#fileInput').prop('files'),
            file = props[0],
            getFileName = "" + file.name
        ;
        console.log("inside function: " + getFileName); // log in callback
        checkOutside();
    })

    function checkOutside(){
        // output global variable after its changed in callback of "change"-event
        console.log("outside function: " + getFileName);
    }