源代码层级结构
使用 WebStorm，可以检查类、方法和调用的层级，并探索源文件结构。
分析代码层级
类型层级显示类的父类和子类。
方法层级显示方法所在的类：
已定义。
未定义。
如果类不是抽象类，则应定义。
调用层级显示某个方法的调用者（超类型）或被调用者（子类型）。
构建完成后，层级会立即在 层次结构 工具窗口中显示并可供查看。 默认情况下，每次新构建的层级都会覆盖当前选项卡的内容。 您可以保留当前选项卡，并在新选项卡中构建下一个层级。
构建类型层级
在编辑器中，将光标放在目标类或接口上。
在主菜单中转到 ，或按 Ctrl+H。
元素的不同颜色表示这些文件所属的不同范围。 例如，默认使用绿色表示测试。 有关详细信息，请参阅 将范围与颜色关联。
构建方法层级
在编辑器中打开文件，并将光标放在目标方法的声明处。
转到 或按 Ctrl+Shift+H。
构建调用层级
调用层级显示某个方法或函数的调用者或被调用者。
在编辑器中打开文件，并将光标放在目标方法的声明或使用位置。
或者，在 项目 工具窗口中选择目标方法。
在主菜单中转到 或按 Ctrl+Alt+H。
保留层级选项卡
在 层次结构 工具窗口中，点击工具栏上的 固定选项卡 按钮
。
查看层级
打开 Hierarchy 工具窗口
请确保已构建可显示的层级，请参见上文的 构建层级。
从主菜单中选择 。
在 Hierarchy 工具窗口中在多个选项卡之间导航
右键点击当前显示的选项卡，并从上下文菜单中选择 或 。
按 Alt+Right 或 Alt+Left。
在调用者与被调用者之间切换
使用 WebStorm，可以构建并浏览层级结构，例如被调用者或调用者方法、父类或子类等。
点击
或 
，分别显示调用方方法或被调用方方法。
Hierarchy 工具窗口按钮
项 | 描述 | 适用范围 |
|---|---|---|
| 显示所选类的父类和子类，该类在结果树中以箭头标记。 | 类层次结构 |
| 根据层次结构类型：
| 类层次结构 调用层次结构 |
| 根据层次结构类型：
| 类层次结构 调用层次结构 |
| 按字母顺序对树中的所有元素进行排序。 | 所有层次结构 |
作用域 | 使用此列表限制当前层次结构的作用域：
除了预定义的作用域外，您还可以定义自己的作用域。 要定义作用域，请从列表中选择 配置 ，并在 作用域 对话框中定义所需作用域。 | 调用层次结构 |
在方法层次结构中，可查看以下类的树形视图：
| ||
| 显示所有已更新的类或类结构。 | 所有层次结构 |
| 跳转到源代码中与层次结构树中所选节点对应的文件和位置。 | 所有层次结构 |
| 展开所有节点。 | 所有层次结构 |
| 锁定当前标签页，防止其被关闭或复用。 下一条命令的结果显示在新标签页中。 | 所有层次结构 |
| 将层次结构导出为文本文件。 您可以为该文件指定位置。 | 所有层次结构 |
| 关闭工具窗口。 | 所有层次结构 |
：该方法已定义。
：该方法仅在超类中定义。
：必须定义该方法，因为类不是抽象类。
