无法理解 rxjs 中的去抖动参数

Question

我想了解视觉代码中显示的智能感知，这让我更加困惑

debounce(
durationSelector: (value: {}) => SubscribableOrPromise<any>
): MonoTypeOperatorFunction<{}>

从上面的例子中，我想我理解了以下内容：

debounce是函数名
durationSelector是一个单一参数的函数：

一个。 value 以 Object 为参数

b。 SubscribableOrPromise<any> 是函数要使用的类型 return
MonoTypeOperatorFunction<{}>，无法理解函数如何 return MonoTypeOperatorFunction<{}> 当它已经 return 时 SubscribableOrPromise<any>，这就是我感到困惑的地方无法理解

Answer 1

debounce 的单个参数看起来像一个以 lambda 形式编写的函数引用：

(value: {}) => SubscribableOrPromise<any>

箭头=>之前的部分表示函数参数。箭头后面的部分是return类型。 SubscribableOrPromise 应该意味着您的 return 类型应该包含 Promise 对象的 then 函数或 RxJs

中使用的 subscribe 函数

试试这样的函数：

function toPromise(value) {
    return Promise.resolve(value);
}

// code in between
.debounce(toPromise);

这只是 return 作为 ES6 承诺的值。将 toPromise 更改为您想要的函数内容。

Answer 2

not able to understand how a function can return MonoTypeOperatorFunction<{}> when it already returns SubscribableOrPromise<any>

这里描述的不是，您没有 return MonoTypeOperatorFunction 和 SubscribableOrPromise 的功能。你有两个函数:

debounce returns MonoTypeOperatorFunction<{}>，因此结果可以传递给 pipe（需要 OperatorFunctions，它是子类型） .

debounce 需要 将函数 作为参数传递给 return SubscribableOrPromise<any>，行：

(value: {}) => SubscribableOrPromise<any>

是参数的声明，durationSelector；这是 function type.

我建议您阅读 "higher-order functions"，因为如果您要使用 RxJS，这是一个非常重要的概念。

Not able to understand debounce parameters in rxjs