请问vue里这样的节流方式有什么弊端？

Question

click1(){
if(this.orderSuccess){
  click()
}}

click(){
       clearTimeout(this.timeOut)
      this.orderSuccess = false
      this.timeOut = setTimeout(()=>{
         this.orderSuccess = true
      },5000)
}

Answer 1

你这个定时器完全没必要写在data里，不然vue还得对你这个数据拦截进行响应式处理，消耗性能

直接在click1方法里声明一个定时器就好了，click方法使用了click1的数据形成了闭包
click1(){
let timer = null
if(this.orderSuccess){
click(timer )
}}

click(timer ){
clearTimeout(this.timeOut)
this.orderSuccess = false
timer = setTimeout(()=>{
this.orderSuccess = true
},5000)
}

如有帮助，望采纳^.^ 谢谢啦