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

System.out.print

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

阅读量151

点赞数 3

文章标签： javascript 前端

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

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

版权

问题：有时候将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); // 调用第二个函数，并将第一个函数作为回调函数传递进去