如何在TypeScript中處理異步操作

在TypeScript中處理異步操作有幾種常見的方法：

1. 使用回調(diào)函數(shù)：可以使用回調(diào)函數(shù)來處理異步操作。在函數(shù)內(nèi)部執(zhí)行異步操作，并在操作完成后調(diào)用回調(diào)函數(shù)來傳遞結(jié)果。

function fetchData(callback: (data: any) => void) {
    // 模擬異步操作
    setTimeout(() => {
        const data = { message: 'Hello, world!' };
        callback(data);
    }, 1000);
}

fetchData((data) => {
    console.log(data);
});

2. 使用Promise對象：Promise對象是一種更為現(xiàn)代化的處理異步操作的方式?？梢酝ㄟ^創(chuàng)建Promise對象來表示一個異步操作，并在操作完成時解決（resolve）或拒絕（reject）Promise。

function fetchData(): Promise<any> {
    return new Promise((resolve, reject) => {
        // 模擬異步操作
        setTimeout(() => {
            const data = { message: 'Hello, world!' };
            resolve(data);
        }, 1000);
    });
}

fetchData().then((data) => {
    console.log(data);
});

3. 使用async/await：async/await是一種更為簡潔和直觀的處理異步操作的方式?？梢允褂胊sync關(guān)鍵字定義一個異步函數(shù)，并在其中使用await關(guān)鍵字等待一個Promise對象的解決或拒絕。

async function fetchData() {
    return new Promise((resolve, reject) => {
        // 模擬異步操作
        setTimeout(() => {
            const data = { message: 'Hello, world!' };
            resolve(data);
        }, 1000);
    });
}

async function fetchDataAndLog() {
    const data = await fetchData();
    console.log(data);
}

fetchDataAndLog();

這些是在TypeScript中處理異步操作的幾種常見方法，選擇適合你的場景的方式來處理異步操作。