为了账号安全,请及时绑定邮箱和手机立即绑定

【学习打卡】第2天

标签:
JavaScript

打卡笔记

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

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

主讲老师:freemen

课程内容:

今天学习的内容包括:

如何实现一个节流函数

课程收获:

什么是函数节流:

规定在一个单位时间内,事件响应函数只能被触发一次,如果这个单位时间内触发多次函数则只有一次生效


代码:

//代码重点 单位时间内 只触发一次;用到定时器;如果定时器存在直接返回false;定时器内部清空,并把timer 设置为null


function throttle(fn, interval){   //传入事件响应函数 和时间间隔

  let timer;

   return (event)=>{

    if(timer){

      return false //如果timer存在则不执行代码

      }

   timer = setTimeout(()=>{  

    clearTimeout(timer) //把定时器赋给timer 如果同时触发两个定时器就要把前一个定时器清除掉

    timer = null;

    fn(event)  //在执行 事件响应函数前 必须清空定时器,并且把timer设置为null

  },interval)

 }

}



手写JS这部分知识点对我来说比较难, 也是面试时的重点,代码看懂了,自己写出来还需要一定的练习

https://img1.sycdn.imooc.com//62ea2f910001f32017620802.jpg

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消