Underscore: 제안: _.debounce 및 _.throttle은 인수를 결합하는 방법에 대해 추가 매개변수를 사용합니다.

내 자신의 제안에 대해 언급하자면, Combine() 호출은 페이로드 함수와 동일한 컨텍스트를 지정해야 하므로

allargs = combine.apply(this, [allargs, slice.call(arguments,0)])

인수가 컨텍스트 개체에 액세스해야 하는 경우....

이제 마스터에서 수정해야 합니다. throttle 는 항상 최신 인수 복사본을 사용하고, 즉시 한 번 실행되고, 그 후 N 초마다 ... 그리고 N 초 후에 자체적으로 재설정되는 올바른 동작을 나타내야 합니다. 마지막 후행 트리거가 발생했습니다.

이 요청에 의해 제기된 문제가 여전히 마스터에 적용되기 때문에 귀하의 가까운 의견이 다른 문제(아마도 #170)에 적용된다고 생각합니다.
결합 중인 호출에서 인수를 디바운스하거나 스로틀로 누적하는 쉬운 방법은 여전히 ​​없으며 선택적 결합 인수가 지정되지 않은 경우 기본 동작을 변경하지 않고 그대로 두는 유용한 선택적 추가 기능이라고 생각합니다.

아, 당신 말이 맞아. 누적 인수는 밑줄의 범위를 벗어납니다 -- _.throttle 및 _.debounce 함수 외부의 좋은 위치에 누적된 데이터를 자유롭게 숨길 수 있습니다.

유감스럽게도 디바운스는 시간 초과가 있는 여러 호출에 대해 일종의 왼쪽 접기(줄임)로 간주하므로 누적기는 ... 하지만 그것은 당신의 호출입니다 :)

좋아요, 계속 두드리는 것은 아니지만 나중에 누군가가 이것을 보고 동일한 작업을 수행하는 방법을 궁금해하는 경우를 대비하여 이것이 디바운스 자체를 수정하지 않고 가장 깨끗한 방법이라고 생각했습니다(나는 _ 개체에 추가하지만 다른 사람들은 선호하지 않을 수 있습니다. 에게)

_.mixin({
  debounceReduce: function(func, wait, combine) {
    var allargs,
        context,
        wrapper = _.debounce(function() {
            var args = allargs;
            allargs = undefined;
            func.apply(context, args);
        }, wait);
        return function() {
            context = this;
            allargs = combine.apply(context, [allargs,  Array.prototype.slice.call(arguments,0)]);
            wrapper();
        };
    }
})

이것은 결합 함수에 의해 인수가 감소된 디바운스된 함수를 제공합니다. 예를 들어,

  delayLog = _.debounceReduce(function() { console.log(arguments); }, 5000, 
                              function(acc,args) { return (acc || []).concat(args); });
  delayLog(3,4);
  delayLog(7,8,9);

몇 초 후에 배열 [3,4,7,8,9]로 console.log를 호출합니다.

@schmerg — 이것은 매우 유용해 보입니다. MIT 라이선스에 따라 해당 코드에 라이선스를 부여하시겠습니까? ("예"로 충분합니다!)

@markjaquith 물론이죠 - 그렇습니다. 다행이다...

누군가가 와서 위의 최신 js 버전을 업데이트/설명하고 싶다면:

_.mixin({
  debounceReduce(func, wait, combine) {
    let allArgs; // accumulator for args across calls

    // normally-debounced fn that we will call later with the accumulated args
    const wrapper = _.debounce(() => func(allArgs), wait);

    // what we actually return is this function which will really just add the new args to
    // allArgs using the combine fn
    return (...args) => {
      allArgs = combine(allArgs,  [...args]);
      wrapper();
    };
  },
});

@kmanislands 안녕하세요, 귀하의 버전은 wrapper() allArgs 를 재설정하지 않으므로 func() 에 대한 후속 호출은 현재 배치뿐만 아니라 args의 역사적 배치도 가져옵니다.

다음과 같아야 합니다.

const wrapper = _.debounce(() => {
    const args = allArgs;
    allArgs = undefined;
    func(args);
}, wait);

@markjaquith +1

또한 func( args ) 는 func.apply(context, args); 를 사용하는 원래 버전과 다릅니다.
전자의 경우 args 는 대상 func() 에서 그대로 사용되는 반면, 나중 _(원래 코드)_에서는 일반 함수에서 arguments 중 하나를 사용해야 합니다. 또는 es6 팻 화살표 함수에서 ( ...args ) .