如何在每次调整窗口大小时调用或运行JavaScript中的函数？

// 定义一个函数，当窗口大小变化时会被调用
function handleResize() {
    console.log('窗口大小已改变！');
    // 在这里添加你想要执行的代码
}

// 添加事件监听器
window.addEventListener('resize', handleResize);

function handleResize() {
    const element = document.getElementById('myElement');
    element.style.width = window.innerWidth + 'px';
}

window.addEventListener('resize', handleResize);

function debounce(func, wait) {
    let timeout;
    return function(...args) {
        clearTimeout(timeout);
        timeout = setTimeout(() => func.apply(this, args), wait);
    };
}

const debouncedHandleResize = debounce(handleResize, 200);

window.addEventListener('resize', debouncedHandleResize);

function throttle(func, limit) {
    let inThrottle;
    return function(...args) {
        if (!inThrottle) {
            func.apply(this, args);
            inThrottle = true;
            setTimeout(() => inThrottle = false, limit);
        }
    };
}

const throttledHandleResize = throttle(handleResize, 200);

window.addEventListener('resize', throttledHandleResize);