Javascript函数限制

我想使用JS Throttle.但我正在努力让它正常工作.

我尝试了本文中的代码:https: //codeburst.io/throttling-and-debouncing-in-Javascript-b01cad5c8edf

但Throttle不能按预期工作,因为每次我点击按钮,一个"|" 添加到div.没有点击被丢弃.

哪里是错误的？

function foo() {
	$("#respond").append("|");
}

const throttle = (func, limit) => {
  let inThrottle
  return function() {
    const args = arguments
    const cOntext= this
    if (!inThrottle) {
      func.apply(context, args)
      inThrottle = true
      setTimeout(() => inThrottle = false, limit)
    }
  }
}

var OnClick= function() {
    throttle(foo(), 50000);
};

$('#button').click(onClick);

// Foo.
const foo = (...args) => {
  $("#respond").append("|");
}

// Throttle.
const throttle = (func, limit) => {
  let inThrottle
  return (...args) => {
    if (!inThrottle) {
      func(...args)
      inThrottle = setTimeout(() => inThrottle = false, limit)
    }
  }
}

// On Click.
const OnClick= throttle(foo, 1000)

// Button - Click.
$('#button').click(onClick);