console.log('1. 同步代碼開始');

setTimeout(() => {
    console.log('6. 宏任務(wù)1 - setTimeout');
    Promise.resolve().then(() => {
        console.log('7. 微任務(wù)3 - Promise');
    });
}, 0);

Promise.resolve().then(() => {
    console.log('3. 微任務(wù)1 - Promise');
    return Promise.resolve();
}).then(() => {
    console.log('4. 微任務(wù)2 - Promise');
});

console.log('2. 同步代碼結(jié)束');

// 輸出順序：
// 1. 同步代碼開始
// 2. 同步代碼結(jié)束
// 3. 微任務(wù)1 - Promise
// 4. 微任務(wù)2 - Promise
// 6. 宏任務(wù)1 - setTimeout
// 7. 微任務(wù)3 - Promise

// 動(dòng)畫幀控制
function animate() {
    // 動(dòng)畫邏輯
    requestAnimationFrame(animate); // 比setTimeout更適合動(dòng)畫
}
animate();

// 輪詢檢查
function poll() {
    fetch('/api/status')
        .then(checkStatus)
        .then(() => setTimeout(poll, 5000));
}

function loadData() {
    return fetch('/api/data')
        .then(response => response.json())
        .then(data => {
            // 處理數(shù)據(jù)
            return processData(data);
        })
        .catch(error => {
            // 錯(cuò)誤處理
            console.error(error);
        });
}

// 防抖處理高頻事件
function debounce(fn, delay) {
    let timer;
    return function() {
        clearTimeout(timer);
        timer = setTimeout(() => fn.apply(this, arguments), delay);
    };
}

window.addEventListener('scroll', debounce(() => {
    // 處理滾動(dòng)邏輯
}, 100));

// 錯(cuò)誤示范：同步計(jì)算阻塞UI
function heavyCalc() {
    let result = 0;
    for (let i = 0; i < 1000000000; i++) {
        result += Math.sqrt(i);
    }
    return result;
}

// 正確做法：分片處理
async function chunkedHeavyCalc() {
    let result = 0;
    for (let i = 0; i < 100000000; i += 100000) {
        result += await chunkCalc(i, Math.min(i + 100000, 100000000));
        // 允許瀏覽器渲染
        await new Promise(resolve => requestAnimationFrame(resolve));
    }
    return result;
}

// 可能導(dǎo)致無限循環(huán)
function microtaskLoop() {
    Promise.resolve().then(microtaskLoop);
}
// microtaskLoop(); // 不要這樣做！

// 需要立即執(zhí)行的任務(wù)使用微任務(wù)
function urgentTask(callback) {
    Promise.resolve().then(callback);
}

// 不緊急的任務(wù)使用宏任務(wù)
function backgroundTask(callback) {
    setTimeout(callback, 0);
}