除非调用 alert()，否则不会设置异步回调中设置的值？ [复制]

Question

一个 HTML div

<div id="viz"></div>

javascript

<script type="text/javascript">
var gg=document.getElementById("viz");

function ex(nn) {
    var zzz;

    d3.xml("./xyzfiles/svgs/s"+nn+".svg", "image/svg+xml", function(xml) {
        zzz=xml.documentElement;
    });

    if(q==null) {
        alert("no child");
    } else {
        alert("has child");
    }

    gg.appendChild(zzz);
}

ex(1);    
ex(6);
</script>   

我有 svg 文件 s1.svg,s2.svg .... 当我使用 alert() 函数时正在加载，但当我像下面这样删除时

<script type="text/javascript">
var gg=document.getElementById("viz");

function ex(nn) {
    var zzz;

    d3.xml("./xyzfiles/svgs/s"+nn+".svg", "image/svg+xml", function(xml) {
        zzz=xml.documentElement;
    });

    gg.appendChild(zzz);
}

ex(1);    
ex(6);
</script>   

ex(1),ex(6) 没有被执行。为什么会发生，先生，是否有任何静默方式来刷新 DOM，以便 ex() 可以在没有 alert() 的情况下执行。

Answer 1

您在d3.xml 调用返回之前附加zzz。您需要在回调中执行此操作。警报导致浏览器停止，因此异步调用在追加时已完成。使用console.log 而不是alert 会提供线索。

顺便问一下，q 应该是干什么用的？

关于这个主题有很多关于 SO 的问题。见How do I return the response from an asynchronous call?、Variables set during $.getJSON function only accessible within function、Why is my variable unaltered after I modify it inside of a function? - Asynchronous code reference、Get data from fs.readFile。