美文网首页VUE
js事件被多次触发时,如何做到只执行最后一次事件函数

js事件被多次触发时,如何做到只执行最后一次事件函数

作者: cain07 | 来源:发表于2021-07-08 16:27 被阅读0次
//定义一个定时器
var iTime; 
 
//清除定时器(阻止 setTimeout() 方法执行函数 ) 写在 setTimeout上面
clearTimeout(iTime);
//执行定时器
 iTime = setTimeout(function () {
    //需要执行的事件
 }, 100);

这种写法

function stop(){
 t && clearTimeout(t);//如果t 不是 null,NaN 就调用clearTime(t),则会终止
}

执行下面的代码,你会发现&&后面的函数不会执行:

function test(){alert("test"); return false;}
 
flag = flase && test()

为什么呢,解释器在遇到第一个false的时候,就不再执行后面的函数了,这样可以节省运算,因为有第一个flase就表示flag一定为flase,没有必要再执行后面的函数了。

相关文章

  • js中什么是防抖节流?

    防抖在连续触发的事件中,将多次执行的事件处理函数变为最后只执行一次。 Code 节流在连续触发的事件中,将多次执行...

  • js事件被多次触发时,如何做到只执行最后一次事件函数

    这种写法 执行下面的代码,你会发现&&后面的函数不会执行: 为什么呢,解释器在遇到第一个false的时候,就不再执...

  • 【JS】防抖和节流

    防抖 概念 触发高频事件后 n 秒内函数只会执行一次,在 n 秒内高频事件多次触发只执行最后一次,每次触发 n 会...

  • 前端优化--函数防抖和节流

    一、函数防抖和函数节流 函数防抖(debounce)在短时间内多次触发某事件,事件处理函数只在最后一次触发时执行。...

  • 节流与防抖(转)

    防抖函数 定义: 多次触发事件后,事件处理函数只执行一次,并且是在触发操作结束时执行例:监听页面滚动, 滚动时不会...

  • 防抖与节流(一)

    防抖:把多次触发频繁的事件合并成一次去执行。就是最后一次事件触发后的指定时间内只执行一次回调函数,如果在指定的时间...

  • 防抖函数

    防抖函数:短时间内多次触发同一事件,只执行最后一次,或者只执行最开始的一次,中间的不执行。 为什么需要防抖函数:o...

  • 防抖函数、节流函数

    防抖函数(debounce):当一个函数连续触发,只执行最后一次。n秒内触发事件,函数只会执行一次,如果n秒内再次...

  • 函数防抖、节流

    函数防抖:n秒内只要触发事件,就重新计时,事件处理函数的程序将永远不会被执行 函数节流:事件被触发,n秒内只执行一...

  • 前端整理知识点

    防抖/节流 函数防抖和函数节流都是防止某一时间频繁触发防抖是将多次执行变为最后一次执行,当持续触发事件时,一定时间...

网友评论

    本文标题:js事件被多次触发时,如何做到只执行最后一次事件函数

    本文链接:https://www.haomeiwen.com/subject/swlrultx.html