防抖与节流运用（封装）

// 防抖,当用户操作较为频繁时,只发送最后一次结果作为请求
  // 在这里我用的时ts写的,对于传入的值有严格的效验
 let Trembling=(fn:Function,deplay:number)=>{
  let timer:any = null
  return ()=>{
    if(timer!==null) {clearTimeout(timer)}
    timer=setTimeout(()=>{fn()},deplay);
  }
 }
//  运用 当用户在输入框时(间隔1.5s内)频繁输入,取最后一次结果为准
// 调用时应遵循Trembling函数参数里面的type
 let changes=Trembling(()=>{
  // 所有的业务逻辑代码放置在这里
  console.log("前端深造中")
 },1500)

// 节流,控制用户在特定的事件的内发送请求，减少用户发送请求的频次
      let flag =true
      const throttle=()=>{ 
        if(flag){
          setTimeout(()=>{
            console.log("hello")
            // 在倒计时结束时，在发送请求，会重新走流程
            flag = true
          },1000)
          flag =false 
          // 在倒计时尚未结束之前若在发送请求，请求无效
        }      
      }

let throttle=(fn:Function,deplay:number)=>{
        let flag = true
        return ()=>{
          flag && setTimeout(()=>{fn(),flag=true},deplay)
          flag=false
        }
      }
//这里我就不过多讲了，意思不懂的可以参考上方的注释
//运用 例如当页面出现滚动条时 减缓次数
window.addEventListener('scroll',throttle(()=>{
        console.log("hello")
      },1000))

window.addEventListener('scroll',()=>{
        console.log("前端深造中")
      })