⏳ 第十章：异步编程进化史

// 事件循环示例
console.log('1. 同步任务');

setTimeout(() => {
    console.log('4. 宏任务（setTimeout）');
}, 0);

Promise.resolve().then(() => {
    console.log('3. 微任务（Promise）');
});

console.log('2. 同步任务');

// 输出顺序：1 → 2 → 3 → 4

// 创建 Promise
const promise = new Promise((resolve, reject) => {
    // 异步操作
    setTimeout(() => {
        const success = true;
        if (success) {
            resolve('操作成功');
        } else {
            reject('操作失败');
        }
    }, 1000);
});

// 处理 Promise
promise
    .then(result => {
        console.log(result); // 操作成功
    })
    .catch(error => {
        console.log(error); // 操作失败
    })
    .finally(() => {
        console.log('操作完成');
    });

// Promise.all - 全部完成
const promise1 = Promise.resolve(1);
const promise2 = Promise.resolve(2);
const promise3 = Promise.resolve(3);

Promise.all([promise1, promise2, promise3])
    .then(results => {
        console.log(results); // [1, 2, 3]
    });

// Promise.race - 第一个完成
Promise.race([promise1, promise2, promise3])
    .then(result => {
        console.log(result); // 1
    });

// Promise.any - 第一个成功
Promise.any([promise1, promise2, promise3])
    .then(result => {
        console.log(result); // 1
    });

// ES2025/2026 特性：Promise.try
Promise.try(() => {
    return 42;
}).then(result => {
    console.log(result); // 42
});

// Async 函数
async function fetchData() {
    try {
        const response = await fetch('https://api.example.com/data');
        const data = await response.json();
        return data;
    } catch (error) {
        console.error(error);
        throw error;
    }
}

// 调用 Async 函数
fetchData().then(data => {
    console.log(data);
});

async function handleErrors() {
    try {
        const result = await fetchData();
        console.log(result);
    } catch (error) {
        console.error('发生错误:', error);
    } finally {
        console.log('操作完成');
    }
}

// 传统方式（需要 async 函数）
function traditional() {
    async function inner() {
        const data = await fetchData();
        console.log(data);
    };
    inner();
}

// ES2026 方式（行内 Await）
function modern() {
    await {
        const data = await fetchData();
        console.log(data);
    };
}

// 直接在块级作用域使用
{
    await {
        const response = await fetch('https://api.example.com/data');
        const data = await response.json();
        console.log(data);
    };
}