如何在 WebStorm 中找出 TypeScript 元素（变量、函数）的类型？

【问题标题】：How to find out the type of a TypeScript element (variable, function) in WebStorm?如何在 WebStorm 中找出 TypeScript 元素（变量、函数）的类型？
【发布时间】：2016-04-29 14:20:38
【问题描述】：

WebStorm 中有没有办法获取函数或变量的类型？

在 Visual Studio Code 中，我可以将鼠标悬停在标识符上，然后获取有关光标下元素的类型信息：

还可以显示变量的有效类型：

两者都是非常有用的工具，可以更好地理解代码。

WebStorm 有没有办法在编辑器中访问元素的有效类型？

【问题讨论】：

标签： typescript webstorm

【解决方案1】：

Ctrl+Shift+I (View/Quick Definition)
试试 Ctrl+Shift+P (View/Expression Type) - 它通常显示推断的变量类型

由于 WS2017.2 Ctrl+Hover 显示推断类型。

【讨论】：

不幸的是，这只适用于最简单的情况。如果我有类似function foo() { return {x:1, y:false} } class Foo { bar() { return foo(); } } 的东西并且我点击Foo 类中的bar 方法，则它不起作用。
有一个比stackoverflow.com/questions/18840018/…更好的答案，基本上鼠标悬停时按住Ctrl键。