js异步操作如何获取返回值

JavaScript中的异步操作通常涉及到回调函数、Promise、async/await等概念。异步操作的目的是为了避免阻塞程序的执行，特别是在处理耗时的操作如网络请求、文件读写等。

基础概念

回调函数：是一种传统的处理异步操作的方式，通过将一个函数作为参数传递给另一个函数，在异步操作完成后调用这个函数。

Promise：是一种更现代的处理异步操作的方式，它代表了一个异步操作的最终完成（或失败）及其结果值。

async/await：是基于Promise的语法糖，使得异步代码看起来更像同步代码，提高了代码的可读性和维护性。

获取异步操作返回值的方法

使用回调函数

function asyncOperation(callback) {
    setTimeout(() => {
        callback(null, '异步操作的结果');
    }, 1000);
}

asyncOperation((error, result) => {
    if (error) {
        console.error('发生错误:', error);
    } else {
        console.log('异步操作的结果:', result);
    }
});

使用Promise

function asyncOperation() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve('异步操作的结果');
        }, 1000);
    });
}

asyncOperation().then(result => {
    console.log('异步操作的结果:', result);
}).catch(error => {
    console.error('发生错误:', error);
});

使用async/await

function asyncOperation() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve('异步操作的结果');
        }, 1000);
    });
}

(async () => {
    try {
        const result = await asyncOperation();
        console.log('异步操作的结果:', result);
    } catch (error) {
        console.error('发生错误:', error);
    }
})();