function callback(mutations) {
    console.log('變更:', mutations.flatMap(m => [...m.addedNodes].map(n => n.nodeValue)));
    throw '回調(diào)中的異常';
}

const observer = new MutationObserver(callback);
observer.observe(root, { childList: true });

setTimeout(() => console.log('前置宏任務(wù)'));
Promise.resolve().then(() => console.log('前置微任務(wù)'));

for (let i = 0; i < 3; i++) {
    const text = `節(jié)點${i}; `;
    root.append(text);
    console.log('已添加: ' + text);
}

setTimeout(() => console.log('后置宏任務(wù)'));
Promise.resolve().then(() => console.log('后置微任務(wù)'));

function contentObserver(mutations) {
    for (let mutation of mutations) {
        if (mutation.type === 'childList') {
            mutation.addedNodes.forEach(node => {
                if (node.nodeType === Node.ELEMENT_NODE && node.classList.contains('dynamic-content')) {
                    processNewContent(node);
                }
            });
        }
    }
}

const observer = new MutationObserver(contentObserver);
observer.observe(document.body, { childList: true, subtree: true });

function processNewContent(node) {
    // 處理新加載的內(nèi)容
    console.log('處理新內(nèi)容:', node);
}

// 模擬動態(tài)加載內(nèi)容
setTimeout(() => {
    const newContent = document.createElement('div');
    newContent.classList.add('dynamic-content');
    newContent.textContent = '新加載的內(nèi)容';
    document.body.appendChild(newContent);
}, 1000);