js：优先执行子方法代码，再执行其它代码

System.out.print

已于 2024-04-23 17:30:27 修改

阅读量263

点赞数 3

CC 4.0 BY-SA版权

文章标签： javascript 前端

于 2024-04-23 17:29:08 首次发布

本文链接：https://blog.csdn.net/weixin_40841731/article/details/138133631

本文讨论了在JavaScript中，如何通过Promise和回调函数来确保代码逻辑在方法调用后的正确顺序执行，尤其是在处理异步操作时。作者提供了两个示例，分别展示了如何利用Promise的链式调用和回调函数的嵌套实现这一目的。

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

问题：有时候将js部分代码抽成一个方法，调用后，发现逻辑代码与方法内的代码并不是顺序执行

解决：

一、使用 Promise 对象来管理异步操作

function function1() {
  return new Promise(function(resolve, reject) {
    // 第一个函数的代码逻辑
    resolve(); // 执行成功时调用 resolve()
  });
}

function function2() {
  // 第二个函数的代码逻辑
}

function1().then(function2); // 调用第一个函数，执行成功后再调用第二个函数

二、使用回调函数

function function1() {
  // 第一个函数的代码逻辑
}

function function2(callback) {
  // 第二个函数的代码逻辑
  callback(); // 在第二个函数中调用传入的回调函数
}

function2(function1); // 调用第二个函数，并将第一个函数作为回调函数传递进去