WebStorm中如何查看JS文件方法X的调用层级？快捷键是什么？

作为天天和WebStorm打交道的JS开发者，这个操作我太常用了！要找出所有调用特定方法X的上层方法，直接用下面的快捷键就行：

• Windows/Linux系统：按下 Ctrl+Alt+H
• macOS系统：按下 Cmd+Alt+H

操作步骤： #

1. 把光标精准定位到方法X的定义处（或者任意一处调用X的地方也可以）
2. 按下对应系统的快捷键，WebStorm会立刻弹出**调用层级（Call Hierarchy）**面板
3. 面板里会以树形结构展示所有调用X的方法，层级关系清晰明了，点击任意节点就能直接跳转到对应的代码位置查看细节

如果暂时记不住快捷键，也可以右键点击方法X，在菜单里选择「Show Call Hierarchy」，效果是一样的。

另外补充个小技巧：如果之后想查看方法X本身调用了哪些其他方法，可以用 Ctrl+Shift+H（Windows/Linux）或 Cmd+Shift+H（macOS），刚好是反向的调用关系~

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