在JavaScript中想让一个函数执行完毕之后再执行下一个函数？

最新推荐文章于 2023-11-21 11:35:04 发布

小蚍蜉要撼树

最新推荐文章于 2023-11-21 11:35:04 发布

阅读量6.4w

点赞数 8

CC 4.0 BY-SA版权

分类专栏：前端知识文章标签： javascript 异步

本文链接：https://blog.youkuaiyun.com/qq_23067521/article/details/73456647

前端知识专栏收录该内容

1 篇文章

订阅专栏

本文通过实例详细解析了JavaScript中异步执行的问题，特别是回调函数的执行时机，并提供了具体的解决方案。

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

先说结论：

首先，JavaScript是解释性语言，本来就是顺序执行的！！

所以，如果发现有一段js代码总是在一段代码之前就执行完了，比如说报了null异常，那么有可能是回调函数的异步机制造成的。

此种情形下解决的方法是，把要执行的函数放在回调函数内部就可以了。

举个栗子

例如用JQuery Ajax 的 $.getJSON 方法：

$(function () {
$.getJSON("url", function (res) {
$("#myDiv").append("<div id = "divId">"+res.name+"</div>");
}
});
$(function(){
var a = document.getElementById("divId");
console.log(a.innerHTML);
});

这种情况下结果是null，这就是因为第二个函数会在第一个含有回调函数的函数执行完毕之前就开始执行了，还没等append()方法执行，所以结果为空。那么把第二个方法放入回调方法内

$(function () {
$.getJSON("url", function (res) {
$("#myDiv").append("<div id = "divId">"+res.name+"</div>");
printA();
}
});
function printA(){
var a = document.getElementById("divId");
console.log(a.innerHTML);
}

结果为res.name