JS 节流,防抖,bind源码,函数记忆等功能的实现。

本文基于《你不知道的JS》进行知识点回顾,涵盖了节流技术防止短时间内频繁请求,防抖策略优化如百度搜索框的延迟触发,深入理解函数记忆原理,以及原生JS中bind方法的实现原理。
摘要由CSDN通过智能技术生成

学完 渡一,“你不知道的JS”。自己顺手巩固了一下学过的知识点。
1、节流(防止短时间内多次点击按钮会发出多个请求)

   function throttle(handler,wait){
        var lastTime = 0;
        return function(){
            var nowTime = new Date().getTime();
            if(nowTime-lastTime>wait){
                lastTime = nowTime;
                //改变指向
                handler.apply(this,arguments)
            }
        }
    }

2、防抖(就像百度搜索框,输入完最后一个字符才发送请求)

   function debounce(handler,wait){
       //一定在内部函数外面声明timer  在里面的话就不是同一个timer了,也就无法关闭定时器了。
       //私有化timer变量
       var timer = null;
       return function(){
           clearTimeout(timer);
           //用bind可以返回一个函数,不会立即执行。
          timer = setTimeout(handler.bind(this,arguments[0]),wait);
           //或者这样
       /*    var self = this;
           var args = arguments;
           timer = setTimeout(function(){
               handler.apply(
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值