JS等待异步执行完再执行的实现方法

一、Promise

Promise是ES6新引入的异步编程解决方案,用于解决回调地狱的问题。Promise对象代表一个尚未完成但预计将来会完成的操作，保证异步操作具有同步操作的接口和语法。

function asyncFunc() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve('success');
        }, 1000);
    });
}

asyncFunc().then((result) => {
    console.log(result);
});

在asyncFunc函数里面，返回了一个Promise对象，表示异步操作。接着在调用这个函数时，我们可以使用then方法处理异步返回的结果。

二、Async/Await

Async/Await是ES8新引入的异步编程解决方案。它是基于Generator和Promise的语法糖，使得异步操作更加方便和易读。

function asyncFunc() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve('success');
        }, 1000);
    });
}

async function getResult() {
    const result = await asyncFunc();
    console.log(result);
}

getResult();

在上述代码中，异步函数getResult使用了async关键字来声明。函数内部使用await运算符等待asyncFunc异步方法的结果。Async函数始终返回Promise对象，并且等待内部所有await表达式完成。

三、回调函数

回调函数是JavaScript中最原始的异步编程解决方案。其思想就是在异步函数中传入一个函数作为回调函数，等异步操作完成后再执行回调函数。

function asyncFunc(callback) {
    setTimeout(() => {
        callback('success');
    }, 1000);
}

function getResult(result) {
    console.log(result);
}

asyncFunc(getResult);

在上述代码中，asyncFunc接收getResult函数作为回调函数传入，当异步操作完成后，调用回调函数getResult并将结果返回。

四、EventEmitter

EventEmitter是Node.js中的核心模块，可以用于处理异步事件。它提供了一种发布/订阅模式，将数据和事件分离，从而实现更加松耦合的架构。

const EventEmitter = require('events');
const emitter = new EventEmitter();

emitter.on('success', (result) => {
    console.log(result);
});

function asyncFunc() {
    setTimeout(() => {
        emitter.emit('success', 'success');
    }, 1000);
}

asyncFunc();

在上述代码中，使用EventEmitter模块创建了一个新的事件处理器，异步函数中使用emit方法触发该事件。事件处理器实例通过on方法注册特定事件，并在事件触发时调用回调函数。

五、setTimeout和setInterval

setTimeout和setInterval函数也是一种实现异步编程的方式。setTimeout可以在指定时间后执行一次回调函数，而setInterval可以指定时间间隔重复执行回调函数。

setTimeout(() => {
    console.log('hello');
}, 1000);

在上述代码中，使用setTimeout函数在1秒后执行一次回调函数，输出'hello'。

六、总结

在JavaScript中实现等待异步执行完再执行的方法有很多种，包括Promise、Async/Await、回调函数、EventEmitter、setTimeout和setInterval等。选择哪种方法取决于具体的业务需求和代码风格。