JavaScript代码加Alert后代码有效，不加则无效。

最新推荐文章于 2019-04-12 11:00:55 发布

K.Sun

最新推荐文章于 2019-04-12 11:00:55 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/sinat_36246371/article/details/53115132

12 篇文章

订阅专栏

本文探讨了一段JavaScript代码中使用alert解决异步执行问题的现象，分析了其背后的原因，并提出了使用setTimeout作为替代方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个问题还真是头疼，刚开始觉得好奇怪，同样一段代码，为毛随便alert一下，下面的代码就起作用，去掉alert，啥效果也没有，真是奇了怪了！

先看下代码：

function setDedaultOption() {
    var select = document.getElementById("nodeId");
    //假设我们想要第二个选项为默认选项
    select.options[1].selected = true;
}

如果直接在其直接调用貌似没啥卵用，假如这么搞：

$(function(){
    setDedaultOption();
});

你如果是加个alert

$(function(){
    alert("");
    setDedaultOption()；
});

这时候你会发现setDedaultOption起作用了。

我想可能是这样的原因，js默认是异步执行的，如果前面某一步没得到结果，下面的代码就不再执行了，加了alert以后，就会强制等待，这时候前面的都执行完毕了，所以我们的代码也可以执行了，于是得到了结果。

所以我们就明白了，不就是等会儿么，那怎么等，setTimeout可解决问题，那么就在调用setDedaultOption的地方这么写：

window.setTimeout(function(){setDedaultOption();}, 500);

这里的意思就是500毫秒以后再执行setDedaultOption，这样就可以运行setDedaultOption的代码了。

当然在网上有很多资料是直接通过异步失效解决问题的，我在工作中还没遇到这样具体的案例，所以就不再展开了。