微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

有人可以解释Java语言中的“反跳”功能吗

如何解决有人可以解释Java语言中的“反跳”功能吗

问题中的代码链接中的代码略有不同。在链接中,(immediate&&!timeout)在创建新的timout之前要进行检查。之后拥有它会导致即时模式从不触发。我已经更新了答案,以便从链接中注释工作版本。

function debounce(func, wait, immediate) {

  // 'private' variable for instance

  // The returned function will be able to reference this due to closure.

  // Each call to the returned function will share this common timer.

  var timeout;



  // Calling debounce returns a new anonymous function

  return function() {

    // reference the context and args for the setTimeout function

    var context = this,

      args = arguments;



    // Should the function be called Now? If immediate is true

    //   and not already in a timeout then the answer is: Yes

    var callNow = immediate && !timeout;



    // This is the basic debounce behavIoUr where you can call this

    //   function several times, but it will only execute once

    //   [before or after imposing a delay].

    //   Each time the returned function is called, the timer starts over.

    clearTimeout(timeout);



    // Set the new timeout

    timeout = setTimeout(function() {



      // Inside the timeout function, clear the timeout variable

      // which will let the next execution run when in 'immediate' mode

      timeout = null;



      // Check if the function already ran with the immediate flag

      if (!immediate) {

        // Call the original function with apply

        // apply lets you define the 'this' object as well as the arguments

        //    (both captured before setTimeout)

        func.apply(context, args);

      }

    }, wait);



    // Immediate mode and no wait timer? Execute the function..

    if (callNow) func.apply(context, args);

  }

}



/////////////////////////////////

// DEMO:



function onMouseMove(e){

  console.clear();

  console.log(e.x, e.y);

}



// Define the debounced function

var debouncedMouseMove = debounce(onMouseMove, 50);



// Call the debounced function on every mouse move

window.addEventListener('mousemove', debouncedMouseMove);

解决方法

我对javascript中的“反跳”功能感兴趣,写在这里:

不幸的是,代码的解释不够清楚,我无法理解。谁能帮我弄清楚它是如何工作的(我在下面留下了我的评论)。简而言之,我真的不明白这是如何工作的

   // Returns a function,that,as long as it continues to be invoked,will not
   // be triggered. The function will be called after it stops being called for
   // N milliseconds.


function debounce(func,wait,immediate) {
    var timeout;
    return function() {
        var context = this,args = arguments;
        var later = function() {
            timeout = null;
            if (!immediate) func.apply(context,args);
        };
        var callNow = immediate && !timeout;
        clearTimeout(timeout);
        timeout = setTimeout(later,wait);
        if (callNow) func.apply(context,args);
    };
};

编辑:复制的代码片段以前callNow在错误的位置。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。