介绍
VSCode是一个非常流行的轻量级、跨平台的集成开发环境。作为一个全能的开发者工具，VSCode的优点在于它的扩展，以及它的强大功能。今天，我们将学习如何使用VSCode查找函数。
查看函数定义
在VSCode中查找函数定义的方法非常简单。第一步，在某个文件中选择一个函数名。第二步，按下 F12 。这时，VSCode会打开 definition 视图，展示与函数名匹配的定义。另一种方法是使用 Ctrl + 鼠标左键单击 。这样会打开与函数名最近的定义。这对于快速定位函数、类等定义非常有帮助。
例子
请看下面的例子：
function sayHello(name: string) {
console.log("Hello " + name);
}
sayHello("World");
首先，选择函数名 sayHello 。使用 F12 或 Ctrl + 鼠标左键单击 打开定义视图。这将会显示函数 sayHello 的定义。在这个视图中，您可以看到函数的定义、参数以及它被调用的地方。
查找所有引用
在VSCode中，您可以查找所有引用一个特定的函数。这非常有助于理解函数在代码中的使用情况。要查找一个函数的所有引用，可以右键单击函数名，然后选择 Find All References 。或者，您也可以使用 Shift + F12 。
例子
请看下面的例子：
function sayHello(name: string) {
console.log("Hello " + name);
}
sayHello("World");
sayHello("Mary");
sayHello("John");
使用 右键单击 或 Shift + F12 ，查找函数 sayHello 的所有引用。这将在文件中显示所有该函数的调用地点。这对于了解函数的使用情况，特别是在庞大的代码库中，非常有用。另外，您也可以借此来找到可能存在的bug或者代码重构的地方。
通过调试器查找
在VSCode中，还可以使用调试器来查找函数调用。这基于 断点 的概念，可以在特定的位置停止代码的执行。使用调试器可以让您更深入地了解代码的执行情况。
例子
请看下面的例子：
function sayHello(name: string) {
console.log("Hello " + name);
}
function sayGoodbye(name: string) {
console.log("Goodbye " + name);
}
sayHello("World");
sayGoodbye("World");
首先，您需要设置一个断点，为此，请单击行号区域，在需要设置断点的行号处。这将在代码行号处显示一个红色的点。然后，使用 F5 或单击调试工具栏中的绿色三角形。这将启动调试器，并运行代码。当遇到红色点时，代码将停止执行。
在调试器中，您可以看到所有的函数调用。选择 call stack 视图，这将显示所有正在运行的函数，以及它们的执行顺序。
总结
在VSCode中查找函数定义和引用非常容易。您可以使用快捷键、右键单击或调试器来进行查找。这些功能非常有用，在开发大型应用程序时可以节省大量的时间，并提高代码质量。