js异步函数有哪些

JavaScript中的异步函数主要有以下几种类型：

1. 回调函数（Callback）

基础概念：回调函数是作为参数传递给另一个函数的函数，当某个操作完成时，这个回调函数会被调用。

优势：简单易用，是最早的异步处理方式。

应用场景：文件读写、网络请求等。

示例代码：

function fetchData(callback) {
    setTimeout(() => {
        const data = { name: 'John' };
        callback(data);
    }, 1000);
}

fetchData((data) => {
    console.log(data); // { name: 'John' }
});

2. Promise

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

优势：避免了回调地狱，提供了更好的错误处理机制。

应用场景：网络请求、定时任务等。

示例代码：

function fetchData() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            const data = { name: 'John' };
            resolve(data);
        }, 1000);
    });
}

fetchData().then(data => {
    console.log(data); // { name: 'John' }
}).catch(error => {
    console.error(error);
});

3. async/await

基础概念：async/await是基于Promise的语法糖，使得异步代码看起来更像同步代码。

优势：代码更简洁，可读性更高。

应用场景：与Promise类似，适用于任何需要处理异步操作的场景。

示例代码：

async function fetchData() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            const data = { name: 'John' };
            resolve(data);
        }, 1000);
    });
}

(async () => {
    try {
        const data = await fetchData();
        console.log(data); // { name: 'John' }
    } catch (error) {
        console.error(error);
    }
})();

4. Generator函数

基础概念：Generator函数是一种可以暂停和恢复执行的函数，通过yield关键字来控制执行流程。

优势：可以用来实现复杂的异步流程控制。

应用场景：复杂的异步操作流程控制。

示例代码：

function* fetchDataGenerator() {
    yield new Promise((resolve) => setTimeout(() => resolve({ name: 'John' }), 1000));
}

const gen = fetchDataGenerator();
gen.next().value.then(data => {
    console.log(data); // { name: 'John' }
});

5. Observable（RxJS）

基础概念：Observable是一种数据流，可以用来处理异步数据流和事件。

优势：强大的数据流处理能力，适用于复杂的异步场景。

应用场景：实时数据处理、事件驱动编程等。

示例代码：

import { of } from 'rxjs';
import { delay } from 'rxjs/operators';

of({ name: 'John' }).pipe(
    delay(1000)
).subscribe(data => {
    console.log(data); // { name: 'John' }
});