javascript apply() 函数、jQuery 和 'this' 指针

Question

我试图理解这段代码中发生了什么，如果我弄错了，请纠正我

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

$(document).on("keyup", "#SearchTerm", debounce(function (e) {
  e.preventDefault();
  var form = $(e.target).closest('form');
  $(form).submit();
}, 300))

首先从 debounce 返回的函数，this 立即执行，并且 this 引用/上下文将是“#SearchTerm”输入元素，因为 jQuery 在其 keyup 事件上附加了函数调用？

其次，在这种情况下，参数对象是否由 jQuery 'keyup' 事件自动填充？

谢谢！

Answer 1

首先从 debounce 返回的函数，this 立即执行，并且 this 引用/上下文将是“#SearchTerm”输入元素，因为 jQuery 在其 keyup 事件上附加了函数调用？

这是正确的。

其次，在这种情况下，参数对象是否由 jQuery 'keyup' 事件自动填充？

arguments 是一个原生的 JS 结构，与 jQuery 没有任何关系。它返回一个类似数组的对象，其中包含传递给函数的所有参数。请参阅MDN 了解更多信息。