js监听一个函数执行完了，再执行第二个函数

在 JavaScript 中，有多种方式可以实现监听一个函数执行完后再执行第二个函数，下面为你介绍几种常见的方法。 回调函数 回调函数是一种比较传统的方式，将第二个函数作为参数传递给第一个函数，在第一个函数执行完毕后调用该回调函数。 ```javascript // 第一个函数，接受一个回调函数作为参数 function firstFunction(callback) { // 模拟一些耗时操作 setTimeout(() => { console.log('第一个函数执行完毕'); // 执行回调函数 if (typeof callback === 'function') { callback(); } }, 1000); } // 第二个函数 function secondFunction() { console.log('第二个函数开始执行'); } // 调用第一个函数，并传入第二个函数作为回调 firstFunction(secondFunction); ``` Promise 使用 Promise 可以更优雅地处理异步操作的顺序。 ```javascript // 第一个函数返回一个 Promise 对象 function firstFunction() { return new Promise((resolve) => { // 模拟一些耗时操作 setTimeout(() => { console.log('第一个函数执行完毕'); // 操作完成，解决 Promise resolve(); }, 1000); }); } // 第二个函数 function secondFunction() { console.log('第二个函数开始执行'); } // 调用第一个函数，使用 then 方法在其完成后执行第二个函数 firstFunction().then(secondFunction); ``` async/await async/await 是基于 Promise 的语法糖，使异步代码看起来更像同步代码。 ```javascript // 第一个函数返回一个 Promise 对象 function firstFunction() { return new Promise((resolve) => { // 模拟一些耗时操作 setTimeout(() => { console.log('第一个函数执行完毕'); // 操作完成，解决 Promise resolve(); }, 1000); }); } // 第二个函数 function secondFunction() { console.log('第二个函数开始执行'); } // 异步函数 async function main() { // 等待第一个函数执行完毕 await firstFunction(); // 执行第二个函数 secondFunction(); } // 调用异步函数 main(); ``` 我在以往的开发过程中，碰到过以下几点需要格外小心处理的地方： 1. 使用回调函数时，要注意回调地狱的问题，过多的嵌套回调会使代码难以维护。 2. 在使用 Promise 时，要确保 Promise 被正确地解决或拒绝，避免出现未处理的 Promise 错误。 3. 使用 async/await 时，要确保函数被正确地标记为 async，否则 await 关键字将无法正常工作。 [2026-02-02 10:15:26 | AI写代码神器 | 623点数解答]