【学习打卡】第3天

打卡笔记

课程名称：前端校招面试攻略，无惧层层考核，实现Offer零距离

课程章节： 第3章 JavaScript面试题【前端三大基石中的重中之重】

主讲老师：freemen

课程内容：

今天学习的内容包括：

如何实现一个防抖函数

课程收获：

什么是函数防抖：

事件被触发n秒后再执行回调，如果在这n秒内又被触发则重新计时

使用场景： 在电商平台输入商品的时候，需要给输入框加一个防抖函数； 后台管理系统数据查询

作用：减少HTTP请求，减少服务器带宽

//代码重点：返回值是函数；固定间隔实现事件响应函数； 会把之前的事件清除掉，只保持n秒内最后一次执行的函数

代码：

function debounce(fn, interval){

  let timer = null;

  return () =>{

    clearTimeout(timer);

    timer = setTimeout((fn, interval)

  }

}