微信小程序闭包-防抖

这里主要用到闭包，将函数内的值保存下来，下次点击的时候进入判断，如果定时器启动了，则清除定时器，直到最后一次启动定时器，也就是说，在规定的时间内只会触发最后一次定时器，从而达到防抖效果。

防抖的使用场景：

• 防止连续快速点击
• 防止滚动条触底时的频繁事件触发

方法一：

data: {  name : null  },  time : null,  // 滚动条触底  scrollLower(){  console.log('触底',this.time);  clearTimeout(this.time)  this.time = setTimeout(()=>{  console.log('防抖',this.time);  },1000)  },

方法二：

// 滚动条触底  scrollLower(){  this.light() // 如果要携带参数在这   },   light : (function() {  let i = null  console.log('触底',i);  return function() { // 接收携带的参数在这  if(i != null) clearTimeout(i)  i = setTimeout(()=>{  console.log('防抖',i);  },1000)  }  })(),

微信小程序外层不支持const fn = function() 这种语法，所以这里只能以对象的形式定义函数：fn : function(){}

js闭包

点击  let attick = document.getElementById('attick')  attick.addEventListener('click',function(){  light()  })  // 点击  const light = (function() {  let i = null  console.log('点击',i);  return function() {  if(i != null) clearTimeout(i) // 清除定时器  i = setTimeout(()=>{  console.log('点击000',i); // 1s内无操作才会触发且只触发最后一次  },1000)  }  })()  " _ue_custom_node_="true">