"function(): any{" 是什么意思

Question

我在这里看到了这个片段：

render: function(): any {
  var thread = this.state.thread;
  var name = thread ? thread.name : "";
  var messageListItems = this.state.messages.map(getMessageListItem);
  return (
    <div className="message-section">
    <h3 className="message-thread-heading">{name}</h3>
// ...

第一行的function(): any{部分是什么意思？

如果之前有人问过这个问题，我深表歉意，但是搜索这个真的很难，尤其是当你不知道它叫什么的时候。

Answer 1

这不是JavaScript的一部分，它是由JavaScript预处理器Flow添加的额外功能。

从本质上讲，Flow添加了一个类型检查功能，并使用它为符号添加类型提示。 在这种情况下， : any是render方法的类型提示，这意味着该方法可以返回任何类型。

摘录形式为any 类型的注释文档 ：

any是一种特殊类型的注释，表示通用动态类型。 any可以流向任何其他类型，反之亦然。 any基本上都是“走出我的路，我知道我在做什么”注释。 当Flow阻挡你的方式时使用它，但你知道你的程序是正确的。

---

一个有趣的小注意事项， 现在废弃的ES4草案中提出了类型提示的功能，与此类似。 据我所知，它只在ES衍生的ActionScript 3中实现。

Answer 2

非常简单明了的答案是function(): any将返回any type的数据。

这意味着您可以从该 function 返回string boolean number或您想要的任何类型的数据。