如何在TypeScript中處理異步操作

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

1. 使用回調函數：可以使用回調函數來處理異步操作。在函數內部執行異步操作，并在操作完成后調用回調函數來傳遞結果。

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

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

2. 使用Promise對象：Promise對象是一種更為現代化的處理異步操作的方式。可以通過創建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是一種更為簡潔和直觀的處理異步操作的方式。可以使用async關鍵字定義一個異步函數，并在其中使用await關鍵字等待一個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中處理異步操作的幾種常見方法，選擇適合你的場景的方式來處理異步操作。