angular - "(control: AbstractControl): {[key: string]: any} | null =>"有什么作用？

Question

我是 TypeScript 和 Angular 的新手，但我有很好的 C# 背景。

我正在读这篇文章article ，特别是“自定义验证器”和此代码段

export function forbiddenNameValidator(nameRe: RegExp): ValidatorFn {
  return (control: AbstractControl): {[key: string]: any} | null => {
    const forbidden = nameRe.test(control.value);
    return forbidden ? {'forbiddenName': {value: control.value}} : null;
  };
}

这行代码的作用/含义是什么？这是 TypeScript 定义委托(delegate)的方式吗？

(control: AbstractControl): {[key: string]: any} | null => {

Answer 1

这是一个箭头函数。要理解它，您可以将其读作

function (control: AbstractControl): {[key: string]: any} | null {
  const forbidden = nameRe.test(control.value);
  return forbidden ? {'forbiddenName': {value: control.value}} : null;
};

也就是说，该函数返回类型 {[key: string]: any} (一个对象，其键声明为名为 key 的变量，并且值类型可以是任何)，或null；而该函数需要 Angular 类型 AbstractControl 的输入值。

在 TypeScript 中，冒号经常以两种方式使用:

1. 在对象中，例如{ key: value }
2. 定义值的类型，在本例中这可能是您的问题。

希望这有帮助。欢迎来到 Angular 和 TypeScript 的世界!