js（面试题）

1.js作用域

2. js闭包

闭包可以将变量一直保存在内存中（内部的函数被保存到外部，即b函数保存到了外部，res可以访问到） a函数可以访问b函数的AO,当a函数被销毁的时候，下方的res重新定义了函数，也可以访问a函数中的AO

3. js防抖和结流（考的是js闭包）

3.1 防抖

esc:进度条点击一次直接执行到100%结束，但是如果在进度条进度在70%没有到100%的时候，点击按钮，此时进度调重新定时器开始计时

防抖函数（模糊搜索功能即输入完毕才访问接口假设输入2000，输出值是2001，2002，2003这些是在输入200的时候就调用了接口）

<input type='text' id='input'>

 function debounce(fun,delay){
     let timer;
     clearInterval(timer);
     //闭包
     return function(args){
         timer= setTimeout(function(){
            fun(args)  
         },delay)
     } 
 }
 
 function inputFn(value){
     console.log('你输入的值${value}')
 }
 const input= document.getElementById('input')
 const debounceInput = debounce(inputFn,1000)
 input.addEventListener('keyUp',function(e){
     debounceInput(e.target.value)
 })

3.2 结流

   <button id='button'>点击</button> 
   
   function throttle(fun,wait){
      let timerOut
      return function(){
          if(!timerOut){
      //缓存 这样写会一直返回是undefind
            timerOut = setTimeout(function(){
               timerOut = null  //即工作做完了告诉他们一声 然后接待新顾客
                  fun()
              },wait)
          }   
      }
   }
   function handle(){
       console.log(Math.random())
   }
   document.getElementById('button').onclick = throttle(handle,2000)