TypeScript中{ [s: string]: StringValidator }类型定义解析求助

先看你提供的代码：

interface StringValidator { isAcceptable(s: string): boolean; }
let validators: { [s: string]: StringValidator } = {};

你的第一个理解是正确的：StringValidator 接口确实要求实现它的对象必须包含一个接收字符串参数、返回布尔值的 isAcceptable 方法。

下面针对你的疑问详细解释 { [s: string]: StringValidator } 这个类型：

这是什么类型？ #

这是 TypeScript 的索引签名类型，专门用来描述一种键值对结构的对象：

• 所有键（属性名）的类型是 string；
• 每个键对应的属性值必须符合 StringValidator 接口的要求。

针对你的疑问解答： #

1. 为什么用占位符s而不是具体属性名？
   这里的s只是一个占位符，不是实际的属性名，它表示这个对象可以有任意多个字符串类型的键，不需要提前固定属性名称。比如你可以自由给validators添加属性，只要属性名是字符串，值符合StringValidator就行：

   // 示例：添加邮箱验证器
   validators.email = {
     isAcceptable(s: string) {
       return /^\S+@\S+\.\S+$/.test(s);
     }
   };
   
   // 添加手机号验证器
   validators.phone = {
     isAcceptable(s: string) {
       return /^1[3-9]\d{9}$/.test(s);
     }
   };
   

2. 这不是数组，是键值对对象
   你觉得像数组是因为它用了方括号，但这和数组完全不同：数组的索引是数字，而这个对象的“索引”是字符串。它的意思不是让字符串元素实现接口，而是每个字符串键对应的必须是实现了StringValidator的对象。简单说，这个validators就是一个“验证器注册表”，用字符串当标识，把各种验证器存起来，方便后续通过标识快速获取对应的验证器使用。

这种类型在需要动态添加、管理同类型对象的场景非常实用，比如统一管理表单验证规则、插件注册等。

内容的提问来源于stack exchange，提问作者WebSurfer