js函数的节流

最新推荐文章于 2024-05-11 18:28:59 发布

不想写css的前端

最新推荐文章于 2024-05-11 18:28:59 发布

阅读量358

点赞数

CC 4.0 BY-SA版权

分类专栏：前端框架文章标签： javascript 前端 typescript

本文链接：https://blog.csdn.net/weixin_43088792/article/details/122939307

前端框架专栏收录该内容

7 篇文章

订阅专栏

本文介绍了JavaScript中实现节流技术的一种方法，通过创建一个throttle函数来确保按钮点击事件在规定的时间间隔内只执行一次。代码示例中，当按钮被点击时，如果标志变量flag为true，则会设置一个延时器并在延迟后打印‘节流节流’，然后将flag设为true；否则，flag设为false，阻止函数执行。这个技巧常用于优化性能，防止频繁触发的事件处理函数过度消耗资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

函数在规定时间内被触发一次

<body>
    <button  id="btn" >节流</button>
    <script>
        document.getElementById('btn').onclick = throttle(1000)
        //  节流：规定时间内只执行一次
        function throttle (delay) {
             let flage = true
             return ()=>{
                if ( flage ) {
                     setTimeout(()=>{
                        console.log("节流节流")
                        flage = true
                     },delay)
                     
                }
                flage = false
             }
        }
    </script>
</body>