当前位置: 首页 > 面试题库 >

分别写出防抖和节流的两个函数,并描述它们分别有什么运用场景?

仉伟兆
2023-03-14
本文向大家介绍分别写出防抖和节流的两个函数,并描述它们分别有什么运用场景?相关面试题,主要包含被问及分别写出防抖和节流的两个函数,并描述它们分别有什么运用场景?时的应答技巧和注意事项,需要的朋友参考一下

节流:规定在一个单位时间内,只能触发一次函数。
防抖:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。

/**
* 节流
*/
let throttling = () => {
    let e = true
    return event = () => {
        if (e) {
            e = false
            setTimeout(function () { e = true, console.log(1) }, 5000)
        }
    }
}
/**
 * 防抖 
 */
let antiShake = () => {
    let e = true
    return event = () => {
        if (!e) {
            { clearTimeout(time) }
        } 
        e = false
        time = setTimeout(function () { e = true, console.log(1) }, 5000)
    }
}

看看楼上带佬代码,看看自己代码,啊!我真菜。

你的可读性比较好,这也是代码的优点之一

 类似资料:
  • 本文向大家介绍请描述下null和undefined的区别是什么?这两者分别运用在什么场景?相关面试题,主要包含被问及请描述下null和undefined的区别是什么?这两者分别运用在什么场景?时的应答技巧和注意事项,需要的朋友参考一下 为一个字面量,而则为一个全局变量(全局对象的属性); 指的是一个变量未指向任何对象,而通常代表一个变量处于值未定义(未赋值)的状态; 参考文档:null - Jav

  • 本文向大家介绍JS函数节流和函数防抖问题分析,包括了JS函数节流和函数防抖问题分析的使用技巧和注意事项,需要的朋友参考一下 问题1:如果实现了dom拖拽功能,但是在绑定拖拽事件的时候发现每当元素稍微移动一点便触发了大量的回调函数,导致浏览器直接卡死,这个时候怎么办?   **问题2:**如果给一个按钮绑定了表单提交的post事件,但是用户有些时候在网络情况极差的情况下多次点击按钮造成表单重复提交,

  • 本文向大家介绍举例说明你对ol和ul标签的区别?它们的运用场景分别是什么呢?相关面试题,主要包含被问及举例说明你对ol和ul标签的区别?它们的运用场景分别是什么呢?时的应答技巧和注意事项,需要的朋友参考一下 ol = ordered list ul = unordered list 苹果 香蕉 梨 第一步 .... 第二步 .... 第三步 ....

  • 本文向大家介绍v-show和v-if有什么区别?使用场景分别是什么?相关面试题,主要包含被问及v-show和v-if有什么区别?使用场景分别是什么?时的应答技巧和注意事项,需要的朋友参考一下 区别:v-if 不渲染 DOM,v-show 会渲染 DOM v-show 使用场景: 预渲染需求 需要频繁切换显示状态

  • 问题内容: 如何在hibernate中使用级联和逆运算?定义它们的过程/标签是什么?它们彼此相关吗?它们如何有用? 问题答案: 在通过中介表进行多对多关系的情况下;“级联”表示是否在子表中创建/更新记录。而“反向”表示是否在中间表中创建/更新记录 例如,假设情况1下的学生可以拥有多部电话。因此,学生班级拥有“手机套”的属性。另外,一部电话可以由多个学生拥有。因此,“电话”类具有“学生组”的属性。s

  • 本文向大家介绍浅析JavaScript 函数防抖和节流,包括了浅析JavaScript 函数防抖和节流的使用技巧和注意事项,需要的朋友参考一下 函数防抖和节流都是对高频动作触发回调函数的一个优化,实现方式上有类似之处。先从使用场景做个区分。 防抖使用场景: 表单输入框校验 提交按钮避免重复提交 节流使用场景: scroll,mousemove,resize等 函数防抖(debounce) 表单输入