在回調中訪問 arguments (javascript)

Question

我正在嘗試編寫“去抖動”function，但我被困在代碼的一部分中。 在下面的代碼中，我將回調傳遞給addEventListener並將其包裝在debounce function 中。

這個 function 稍后將具有更多功能，但現在，我只希望它返回一個 function，它將設置delay毫秒的超時，然后使用參數調用原始e

我的問題出在debounce function 中，上面寫着callback("original-args") 。 我想用傳遞給回調的實際參數替換“original-args”。 我如何獲得該論點？

  button.addEventListener("click", debounce(e => {
    let elem = document.createElement("P"); 
    elem.textContent = "Clicked";
    container.appendChild(elem);
  }, 2000))

  function debounce(callback, delay) {
    return function() {
      setTimeout(() => {
        callback("original-args")
      }, delay)
    }
  }

Answer 1

您可以執行以下操作：

button.addEventListener(
  "click",
  debounce(
    (e) => {
      let elem = document.createElement("P");
      elem.textContent = "Clicked";
      container.appendChild(elem);
    },
    2000
  )
);

function debounce(callback, delay) {
  return function (...args) {
    setTimeout(() => {
      callback(...args);
    }, delay);
  };
}

因此，您可以將...args傳遞給您的去抖動 function。 ...args是一個擴展運算符，這意味着take any number of arguments and store them inside the variable args中。