Debouncing Breakdown

Question

Я нашел следующий код в Интернете, и я пытаюсь реализовать его для работы с прослушивателем событий изменения размера и изо всех сил пытаюсь понять тонкости его работы. Кто-нибудь захочет разбить его на говорящий, что кто-то, у которого есть только 3-месячный опыт JS/Jquery, поймет? Несколько указаний относительно того, с чем я борюсь (что больше всего, но я определяю действительно запутанные части), где «аргументы» или переменная «args», что это значение было присвоено определенному? Как пройти «немедленную» функцию дебюта. и т. д. и т. д.

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); 

    }; 
}; 

var debounceHeightSet = debounce(function() { 
    numHeightset(); 
}, 250); 

Answer 1

Аргументы - это массив, который Javascript делает только тогда, когда его запрашивают, чтобы вы этого не определяли. Также не очень хорошая практика использования аргументов в javascript из-за проблем с производительностью, а также проблем безопасности.

В этом коде Args определен.

var context = this, 
    args = arguments; 

Вышеупомянутый оператор - это определение нескольких переменных с использованием запятой. Таким образом, вам не нужно ключевое слово var для всех переменных.

var callNow = immediate && !timeout; 

Выше является проверка, поэтому «немедленная» должна быть «логической».

Таким образом, вы можете вызвать эту функцию

var debounceHeightSet = debounce(function() { 
    numHeightset(); 
}, 250,true); 

В функции объекты первого класса в JavaScript, разнообразное использование функций здесь используются в этом коде. Пример: 1) Функция «func» принимается как аргумент функции «debounce». 2) Также функция возвращается из функции «debounce».

Примечание. Функция, возвращаемая здесь, является анонимной функцией, потому что здесь нам не нужно имя. Тот, кто вызывает «debounce», может хранить в нем любую переменную.