WebStorm如何查看一个函数在整个项目中被调用的地方

搞清函数在哪被调用？最稳最快的方案就是 Alt + F7，专为“在哪被用了”设计。而 Ctrl + Alt + H 看的是调用层级，语义不同，结果也可能不全。

直接按下 Alt + F7，光标停在函数名上，所有调用位置就会列出来——这是最稳、最快、而且不依赖运行时的方案，没有之一。

为什么不是 Ctrl + Alt + H？

Ctrl + Alt + H 是用来查看“调用层级（Call Hierarchy）”的，它展示的是谁调了我、我调了谁的结构关系，适合分析调用链路。可你要找的是“这个函数在哪些地方被用了”，这属于引用定位问题。记住，Alt + F7 的 Find Usages 才是正解，语义更准、结果更全、响应也更快。

• 如果你用 Ctrl + Alt + H 来找引用，很容易漏掉一部分调用，尤其当函数涉及重载、泛型或跨模块调用时，它可能被折叠或标记为 Unknown。
• Alt + F7 默认会包含 read、write、declaration 三种匹配类型，还能通过右上角的漏斗图标按类型过滤，非常灵活。
• 在 Vue/React 模板中，@click="handleSubmit" 这类绑定默认不会被识别，需要手动勾选 “Search in comments and strings”，不过这样会带来一些噪声，按需使用吧。

光标位置和符号识别很关键

查出来结果为空？别再怀疑功能坏了，大概率是 WebStorm 没认出你点的是一个可引用的符号。

• 光标必须落在函数名的任意一个字符上——不能放在括号里、空格后面，更不能落在注释或字符串里。
• import 路径写错、大小写不一致、Webpack 别名没在 jsconfig.json 里配置好 baseUrl 和 paths，这些都会导致引用无法被索引。
• TypeScript 中如果函数没显式标注参数或返回类型，类型推导失败时，Alt + F7 可能只搜到字面匹配，而不是语义引用。
• 局部函数（非 export）只会在当前文件内搜索；导出函数才能跨文件扫描。

结果窗口里怎么看有用信息

弹出的 Find 窗口分三栏：左侧是文件路径，中间是行号加代码片段，右侧是匹配类型标记。

• read 表示读取，比如 console.log(fn) 或 obj.method = fn。
• write 表示赋值或重定义，比如 const fn = () => {} 或 fn = otherFn。
• declaration 出现在你点的就是声明本身时——换到调用处再试一次。
• 点击某条结果，编辑器会自动跳转并高亮；双击还能在新标签页打开对应文件。

动态调用（obj[methodName]()、eval、Function() 构造）永远不在 Alt + F7 的覆盖范围，这类情况只能靠调试时在 Frames 面板里看真实栈。别指望静态分析能覆盖所有运行时行为，这是底线。