ReSharper 2025.2 Help

在 JavaScript 中的导航和搜索

ReSharper 的大多数导航和搜索功能也支持 JavaScript。 您可以在 导航和搜索 部分的相应主题中找到关于这些功能的详细信息。 在该部分的主要主题中,您还可以找到功能矩阵并检查 JavaScript 中具体支持的内容。

在本主题中,您可以找到一些在 JavaScript 中使用导航和搜索功能的示例。

导航命令可用:

  • ReSharper | 导航 菜单中

  • 在编辑器的上下文菜单中

  • 导航到 上下文菜单中

您还可以:

  • 文件结构 窗口导航

  • 查找符号的用法

文件结构

文件结构 帮助您概览当前文件的结构。 ReSharper 检测到所有编程语言通用的代码结构以及 JavaScript 的一些特定结构,例如模块。 所有模块成员仅在模块内可见,因此每个成员都会显示相应的图标 锁定

ReSharper:JavaScript 文件的文件结构

要在 文件结构 窗口中显示匿名且因此未命名的函数,ReSharper 会从它们的声明中检索其名称。

ReSharper:JavaScript 文件的文件结构

ReSharper 会考虑 XML 文档注释并提取有用的信息。 如果参数的数据类型未在函数签名中明确指定,您仍然可以在 文件结构 窗口中看到它们,因为它们在 XML 文档中指定。

ReSharper:JavaScript 文件的文件结构

此外,您可以通过双击 文件结构 窗口中的成员来导航到成员声明。

转到声明

转到声明 - 将光标放在函数名称上并直接导航到声明该函数的文件。

ReSharper:在 JavaScript 中转到声明

如果所选项有多个声明,系统会提示您从列表中选择一个。

请注意,在成对的 <script> 标签中声明的函数仅在当前文件中可见。

转到用法

转到符号的用法 - 如果您想了解整个解决方案中函数的用法数量,这非常有用。

ReSharper:在 JavaScript 中转到用法

如果您将光标放在成对的 <script> 标签中的符号上并调用命令,ReSharper 将仅查看当前文件。

转到文件成员

转到文件成员 - 帮助您快速导航到当前文件中的所需成员。

ReSharper:在 JavaScript 中转到文件成员

要在不扫描数千行代码的情况下找到您的位置,请使用 ReSharper 的搜索功能。 与往常一样,您可以通过 查找用法高级查找用法 功能定义特定的搜索目标并调整其搜索范围。

查找符号的用法

  1. 将光标放在变量或函数的名称上。

  2. 执行以下操作之一:

    • 在主菜单中,选择 ReSharper | 查找 | 查找用法

    • 在上下文菜单中单击 查找用法

    • Alt+F7

    如果只找到一个用法,ReSharper 会直接在编辑器中导航到该用法。

    如果找到多个用法,则会打开 查找结果 窗口。

在下方的截图中,您可以看到 查找用法高级查找用法 之间的区别。

ReSharper:在 JavaScript 中查找用法

要从 查找结果 窗口中导航到源代码中的用法,请选择并双击该用法。

如果您想查看当前文件中符号的所有用法,请按下 Control+Shift+F7 并在此文件中 高亮用法

ReSharper:在 JavaScript 中高亮用法

结构化搜索和替换

有时标准的搜索功能无法帮助您,尤其是在您寻找相似但不完全相同的语法结构时。 在这种情况下, 结构化搜索和替换 功能可能会有所帮助。 要使用此功能并取得成果,请执行三个步骤:创建占位符、编写模式并启动搜索过程。

让我们查找带有空 catch 块的 try catch 语句。 以下模式可用于此目的:

ReSharper:在 JavaScript 中进行结构化搜索和替换

除了标准的 JavaScript 语言语法,您还会看到用 $ 美元符号括起来的占位符。 这些占位符显示在模式的右侧。 由于我们正在寻找空的 catch 块,这里最重要的条件是 catch 语句中的空括号。 一旦定义了所有条件,单击 查找 开始搜索过程。

所有结果都显示在 查找结果 窗口 中。 如预览中所示,ReSharper 仅找到那些具有空 catch 块的 try catch 语句。

ReSharper:在 JavaScript 中进行结构化搜索和替换

您可以直接从源代码创建模式。 选择所需的代码块,右键单击选择并在上下文菜单中选择 使用模式搜索

最后修改日期: 2025年 9月 27日