javascript - 流类型 : Field between square brackets

Question

在流类型中:

export type GroupType = {
  options: OptionsType,
  [string]: any,
};

[string]: any 是什么意思？

编辑:

感谢您的回复。

我必须如何理解这段代码？

import type { GroupType } from './types';
const formatGroupLabel = (group: GroupType): string => group.label;

对我而言，formatGroupLabel 是一个将group 作为参数并返回group.label 的函数。但是不明白为什么(group:GroupType)前面有:string。可能与我的第一个问题没有联系。

Answer 1

它是一个索引属性，这意味着如果您尝试获取一个键为string 的属性，该属性的值将是any 类型。 Documentation

像这样使用它以避免混淆是很常见的(但这两种方式都有效):

export type GroupType = {
  options: OptionsType,
  [index: string]: any
};

因此您可以将它用于以下对象:

/** @type {GroupType} */
var type = {
  options: {},
  a: 1,
  b: "foo",
  c: function fooBar() {}
};

console.log(typeof type["a"]);
console.log(typeof type["b"]);
console.log(typeof type["c"]);

对于第二部分，const formatGroupLabel = (group: GroupType): string => group.label; 是一个函数，它接受一个GroupType，返回一个string，它的主体是return group.label。它在 JavaScript 中将具有以下格式:

/** @type {(group: GroupType) => string} */
const formatGroupLabel = (group) => {
  return group.label;
};