如何在JavaScript中确保hello先输出后再执行goodbye（适配未知异步时长）

原代码的问题在于hello函数里的setTimeout是异步操作，first函数调用hello后会立刻执行callback（也就是second），导致先输出Goodbye，异步完成后才输出Hello。要实现先输出Hello再输出Goodbye，可以用以下两种常用方法：

方法一：回调函数传参 #

通过给hello添加回调参数，让异步操作完成后再触发后续逻辑：

first(second);

function first(callback) {
    // 将回调函数传给hello，等待异步完成后执行
    hello(callback);
}

function second(){
    goodbye(); 
}

function hello(callback) {
    setTimeout(() => {
        console.log('Hello');
        // 异步操作结束后调用传入的回调
        callback();
    }, 3000); // 无论时长多久，都会等异步完成再执行callback
}

function goodbye() {
  console.log('Goodbye');
}

这种方式是最基础的异步处理方案，适合简单的依赖场景。

方法二：Promise + async/await（推荐） #

用Promise封装异步操作，配合async/await写出更易读的异步逻辑：

first(second);

async function first(callback) {
    // 等待hello的异步操作执行完成
    await hello();
    callback();
}

function second(){
    goodbye(); 
}

function hello() {
    return new Promise((resolve) => {
        setTimeout(() => {
            console.log('Hello');
            // 标记异步操作完成
            resolve();
        }, 3000);
    });
}

function goodbye() {
  console.log('Goodbye');
}

如果不想用async/await，也可以用.then()链式调用简化代码：

first(second);

function first(callback) {
    hello().then(callback);
}

// 其余函数和上面示例一致

这种方案更适合复杂的异步流程，避免多层嵌套的回调地狱，代码可读性更高。

内容的提问来源于stack exchange，提问作者LeviAJ