javascript - 从嵌套私有(private)函数中设置全局变量

Question

您好，提前感谢您帮助解决这个难题!

我在 $.imgpreload() 函数中设置 globalMaxW 时遇到问题。

console.log(globalMaxW); 在 $.imgpreload() 函数之后调用时返回 0，而在$.imgpreload() 函数返回正确的图像宽度。

如何在该嵌套函数中设置全局变量 globalMaxW？

谢谢!

var globalMaxW = 0; 

function infoWidth() {

    $('.swipe-wrap img').each(function(){
        var $me = $(this),
            mysrc = $me.attr('src');

        var newimg = new Image();

        newimg.src = mysrc;

        $.imgpreload($me, function(){
            if(newimg.width > globalMaxW) {
                globalMaxW = newimg.width;
            }           
        });

        console.log(globalMaxW);
    });



    $('#info p').css({'width' : globalMaxW});
}

Answer 1

您的 console.log(globalMaxW) 在以下代码完成执行之前发生，是的，当时它确实等于零:

 $.imgpreload($me, function(){
            if(newimg.width > globalMaxW) {
                globalMaxW = newimg.width;
            }           
        });

由于该函数是异步的，因此它开始运行“imgpreload”并立即继续，而不等待其完成。 globalMaxW 将被设置，但在 console.log() 之后...