如何在WebStorm中查看函数的调用层级关系图？
在WebStorm中查看函数调用层级图需光标停在函数声明名上，而非调用处或括号内。快捷键Ctrl+Alt+H基于符号解析，位置偏差会静默失败。调用层级图分向上查调用者和向下查被调用者，不会自动更新，需手动刷新。
在WebStorm中查看函数的调用层级关系，几乎是重构代码时的必备操作。但很多人的第一反应是：直接按快捷键，然后没反应？别急，问题可能出在一个非常容易被忽略的细节上——光标究竟停在哪里。
直接按 Ctrl + Alt + H（Windows/Linux）或 Cmd + Option + H（macOS），关键条件是光标必须停在函数声明名上，不是调用处，也不是括号或点号后面。这个快捷键依赖的是符号解析，不是字符串匹配，所以位置稍有偏差，就会静默失败或弹出空窗口。
为什么光标位置决定功能是否生效
WebStorm 的调用层级分析，依赖的是项目索引的符号解析，而不是简单的文本搜索。如果光标落在 myFunc() 的括号里、obj.myFunc 的点号后、或者注释/字符串中，Ctrl + Alt + H 就真的不会理你。
- 正确位置：函数定义行的
function myFunc中任意一个字母上，或箭头函数的myFunc名字部分（如const myFunc = () => {}） - TypeScript 中，泛型函数如
foo需停在() foo上，停在 - Vue/React 模板中写
@click="handleSubmit"，这个handleSubmit不会被默认识别为调用——除非你额外开启 “Search in comments and strings”，但那会混入大量噪声
Call Hierarchy 窗口里两个方向按钮的实际含义
窗口顶部有两个按钮：“Show Caller Hierarchy”（向上查：谁调了我）和 “Show Callee Hierarchy”（向下查：我调了谁）。默认打开的是 Caller，很多人误以为只能往上查，其实点另一个就能展开被调用链。
- “Unknown” 节点表示调用方不在当前索引范围内，常见于
node_modules中的函数——检查 Settings > Languages & Frameworks > Ja vaScript > Libraries 是否勾选了 “Include libraries source” - 异步回调里的调用（如
setTimeout(() => fn(), 0)）可能不显示，因为静态分析无法确认闭包捕获关系；这时右键节点选 “Jump to Source” 会失败 - 展开某层后若看到多个同名函数（比如重载或不同模块导出），注意看路径颜色：绿色通常代表 test 目录，灰色可能是库代码
与 Find Usages 和调试栈的本质区别
Ctrl + Alt + H 是基于项目索引的调用建模，不是运行时快照，也不是全文搜索。
Alt + F7（Find Usages）返回所有字面出现位置，包括字符串、注释、未执行分支里的调用，结果多但杂Ctrl + Alt + H过滤掉不可达路径（比如if (false) { foo() }不会出现），但也会漏掉eval("foo()")或Function("return foo()")这类动态调用- 真实调用栈只在断点暂停后，通过 Debug 工具窗口的 “Frames” 标签页可见——它反映此刻线程实际执行路径，和前两者互补，不能互相替代
真正容易被忽略的是：调用层级图不会自动更新。改了代码、加了新调用、删了旧引用，必须手动重新触发 Ctrl + Alt + H，它不会像 Structure 面板那样实时响应。索引滞后时，先试 File > Reload project from Disk，再试 Invalidate Caches and Restart… > Just Restart。
Figma 是面向产品团队的界面与原型设计平台，Mac 客户端支持 Intel 和 Apple 芯片，可直接调用本机字体。它将矢量绘制、自动布局、组件库、交互原型、评论及多人实时编辑集中在统一工作区。
Final Cut Pro 是 Apple 面向 Mac 用户推出的专业视频剪辑软件，提供磁性时间线、媒体资源库、多机位剪辑、字幕生成、对象跟踪、调色、音频处理和多格式输出等工具。软件针对 Apple 芯片优化。
FreeCAD是一款免费开源的三维参数化建模软件，可通过草图、约束和特征历史构建尺寸精确且便于修改的模型。软件提供零件设计、装配、工程制图、建筑信息模型、有限元分析、数控加工及三维打印等工作台，并支持插件、宏和Python脚本扩展。
IntelliJ IDEA 是 JetBrains 推出的专业集成开发环境，重点服务于 Java、Kotlin 与 JVM 项目开发。软件集成代码补全、静态检查、重构、调试、测试、版本控制及构建工具，并可借助插件扩展语言和框架支持。
PhpStorm 是 JetBrains 推出的专业 PHP 集成开发环境，可在 Mac 上完成代码编写、智能检查、重构、调试、测试和数据库管理。它支持主流 PHP 框架、Composer、Git、Docker 与远程解释器。
JetBrains PyCharm 是面向 Python 开发者的集成开发环境，提供智能补全、代码检查、重构、调试、测试、版本控制及虚拟环境管理功能。Mac 版兼容 Intel 与 Apple 芯片，核心功能可免费使用。
JetBrains WebStorm 是面向 JavaScript、TypeScript 和现代 Web 技术的专业集成开发环境，可智能理解项目结构，提供代码补全、重构、错误检查、运行调试、测试及 Git 工具。
Logic Pro 是 Apple 为 Mac 打造的专业音乐制作软件，集音频与 MIDI 录制、编曲、节拍制作、采样、混音和母带处理于一体。它提供丰富的软件乐器、效果插件、声音资源以及智能创作工具。
Navicat Premium 是适用于 Mac 的一体化数据库开发与管理工具，可在统一界面中连接 MySQL、PostgreSQL、MongoDB、MariaDB、SQL Server、Oracle、SQLite、Redis 和 Snow
Pixelmator Pro 是 Apple 面向 Mac 用户提供的专业图像编辑与视觉设计软件，集照片调色、对象移除、图层合成、蒙版、矢量绘图、文字排版和数字绘画于一体。软件深度利用 Apple 芯片、Metal 与系统服务。
Postman是一套面向API全生命周期的开发与测试平台，可在Mac上发送和调试多种协议请求，管理集合、环境及认证信息，并完成脚本测试、模拟服务、监控、文档发布和团队协作。它适合开发、测试及运维人员使用，提供个人免费方案。
Pro Tools 是 Avid 推出的专业数字音频工作站，覆盖多轨录音、无损剪辑、MIDI 编曲、插件处理、自动化混音及声音与画面同步等工作。它拥有 Intro、Artist、Studio 和 Ultimate 等方案。
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件，支持 Windows、macOS 和 iPad 等平台，广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件，集建模、动画、渲染、视频编辑与视觉合成等功能于一体，广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎，并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统，安装包轻巧、运行流畅，依托活跃的全球开发者社区持续更新，是从初学者到专业创作者都值得选择的正版 3D 创作工具。
极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。
一款文字处理软件，一种订阅式的跨平台办公软件，基于云平台提供多种服务，通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合，Office 365 可让任何人使用任何设备随时随地创建和共享内容。
Wise Folder Hider Pro 是一款专业级文件和文件夹隐藏加密软件，为私密数据添加多重保护。高频操作更强调就近处理，浏览、整理和跨目录移动文件时，来回切换和重复点击都会少很多。
CodeExpander 是一款快捷短语输入增强工具，通过键入缩写自动展开为自定义文段，提升工作效率。任务管理和过程控制会更完整，持续下载、批量同步或需要稳定传输流程的场景会更适合它。