节流防抖以及EventBus

一、节流防抖

节流：

所谓节流，就是指连续触发事件但是在 n秒 中只执行一次函数。

两种方式可以实现，分别是 时间戳 版和 定时器 版。

function throttle (fn, delay) {
  // 利用闭包保存时间
  let prev = Date.now()

  return function () {
    let context = this
    let arg = arguments
let now = Date.now()

    if (now - prev >= delay) {
      fn.apply(context, arg)
      prev = Date.now()
}

  }

}

function fn () {
  console.log('节流')
}

addEventListener('scroll', throttle(fn, 1000))

防抖：

所谓防抖，就是指触发事件后在 n秒内函数只能执行一次，如果在 n秒内又触发了事件，则会重新计算函数执行时间。

//防抖
function debounce (fn, delay) {
  // 利用闭包保存定时器
  let timer = null

  return function () {
    let context = this
    let arg = arguments
    // 在规定时间内再次触发会先清除定时器后再重设定时器
clearTimeout(timer)

    timer = setTimeout(function () {
      fn.apply(context, arg)
}, delay)

  }

}

function fn () {
  console.log('防抖')
}

addEventListener('scroll', debounce(fn, 1000))

二、EventBus

EventBus是一个基于发布者/订阅者模式的事件总线框架。

EventBus的优点：

• 解耦和简化Activities, Fragments等组件以及后台线程之间的通信，分离事件发送方和接收方
• 使得代码更简洁，避免出现复杂的依赖性和生命周期问题
• 体积小（大概只有50k 的 jar包）