分别写出防抖和节流的两个函数，并描述它们分别有什么运用场景？

防抖（debounce）和节流（throttle）是前端开发中常用的两种技术，用于优化高频率触发的事件，如滚动、输入、窗口大小改变等。下面分别给出防抖和节流的函数实现，并描述它们的运用场景。

防抖（debounce）

防抖函数的基本思想是在事件被触发后n秒内函数只能执行一次，如果在这n秒内又被重新触发，则重新计算执行时间。

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

运用场景：

1. 输入框实时搜索：用户在输入框中输入文字时，只有当用户停止输入一段时间后，才执行搜索操作，避免每次输入都触发搜索，提高性能。
2. 窗口大小改变事件：当浏览器窗口大小改变时，只在用户停止改变窗口大小后执行一次回调，避免频繁执行。
3. 按钮点击防抖：防止用户连续点击按钮，导致多次提交表单或发送请求。

节流（throttle）

节流函数的基本思想是在规定时间内只触发一次事件处理函数，如果在这个时间内再次触发，则不会执行。

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

运用场景：

1. 滚动事件：页面滚动时，需要执行某些操作（如加载更多内容、更新导航栏等），通过节流可以限制操作的执行频率，提高性能。
2. 拖拽操作：在拖拽元素时，需要实时更新元素位置，通过节流可以减少更新频率，提高性能。
3. 高频触发的事件：对于需要频繁触发的事件（如mousemove、touchmove等），通过节流可以降低事件处理函数的执行频率，避免性能问题。

总结：防抖和节流都是用于优化高频率触发事件的性能问题。防抖关注于在一定时间内只执行一次事件处理函数，而节流则关注于在规定时间内只触发一次事件处理函数。根据具体场景和需求选择合适的技术进行优化。