iOS上的函数防抖与节流：掌握前端核心技巧

IOS

2023-11-19 17:53:57

函数防抖与函数节流：优化iOS事件处理的基石

在移动应用开发中，用户体验和性能至关重要。作为开发者，我们需要确保我们的应用对用户输入做出快速而有效的响应。函数防抖和函数节流在这方面发挥着至关重要的作用。

函数防抖：防止事件触发泛滥

想象一下一个搜索栏，当你键入时会触发搜索建议。如果你输入得很快，你会发现搜索建议不断更新，这可能会很烦人。这是因为事件处理函数被重复触发，即使你输入的字符之间的间隔很短。

函数防抖解决这个问题。它通过在事件触发后的一段时间内（称为防抖时间）只执行一次函数来防止函数的重复触发。这有助于减少不必要的计算和网络请求，从而提高性能。

函数节流：限制函数执行频率

现在，考虑一下滚动事件处理。当你快速滚动页面时，浏览器会不断触发滚动事件。如果我们对每次滚动事件都执行重渲染操作，这会给浏览器带来巨大的负担，导致页面卡顿。

函数节流可以帮助解决这个问题。它通过在一段时间内（称为节流时间）只执行一次函数来限制函数的执行频率。这确保了即使事件被快速触发，函数也只会执行一次，从而避免了资源浪费和不必要的处理。

使用GCD实现函数防抖和函数节流

GCD（Grand Central Dispatch）是一个强大的并发库，可以帮助我们轻松实现函数防抖和函数节流。下面是GCD实现函数防抖和函数节流的示例代码：

// 函数防抖
class Debouncer {
    private let delay: TimeInterval
    private var workItem: DispatchWorkItem?

    init(delay: TimeInterval) {
        self.delay = delay
    }

    func debounce(block: @escaping () -> Void) {
        workItem?.cancel()

        workItem = DispatchWorkItem(block: block)
        DispatchQueue.main.asyncAfter(deadline: .now() + delay, execute: workItem!)
    }
}

// 函数节流
class Throttler {
    private let delay: TimeInterval
    private var lastFireTime: DispatchTime?

    init(delay: TimeInterval) {
        self.delay = delay
    }

    func throttle(block: @escaping () -> Void) {
        guard lastFireTime == nil || DispatchTime.now() >= lastFireTime! + delay else {
            return
        }

        block()
        lastFireTime = DispatchTime.now()
    }
}