从lodash去反跳到角度6反应性

Question

我有一个宽泛的问题，如果这是一些答案的重复，我很抱歉(但是我仍然找不到解决我的问题的方法)。

事情是这样的，我正在将旧的Angular JS应用程序改造成Angular 6应用程序。而且我在老应用中有去抖动功能：

var debouncing = _.debounce(changeValue, 10000);

function changeValue() {
    // some increment stuff for example
}

debouncing();

现在我需要重写它，使其在不使用lodash的情况下运行。起初我想使用setTimeout，但后来我发现了debounceTime。但它只能应用于主题。但是我的changeValue是一个简单的函数。

我怎样才能在Angular 6中避免使用lodash？

Answer 1

首先，让我们将您的函数转换为一个可观察对象：

const changeValue$ = defer(() => of(changeValue()));

然后，让我们应用debounceTime

changeValue$.pipe(debounceTime(1000)).subscribe(...);