如何从给定的函数名中找到函数定义的 js 文件名？答案

【问题标题】：How can I find the js file name of the function definition from given function name?如何从给定的函数名中找到函数定义的 js 文件名？
【发布时间】：2017-07-01 09:21:25
【问题描述】：

我有很多外部 javascript 文件，现在我很难从检查元素控制台窗口中找到哪个 .js 文件包含给定函数名称的函数定义。

我已经尝试了以下
在控制台窗口中我只输入了函数名称，显示了函数定义，但我找不到函数定义源.js文件。

【问题讨论】：

点击打印的定义，你会被带到Sources标签下的源代码行。
@11thdimension 非常感谢。效果很好

标签： javascript jquery

【解决方案1】：

使用inspect(setcode)。

来自 Devtools 文档：

将函数传递给检查时，该函数会在“源”面板中打开文档供您检查

【讨论】：

【解决方案2】：

您可以使用“grep”或找一个好的编辑器（VS Code 或 Atom）。

关于grep你可以写

grep -Ril "[要搜索的文本]" [要搜索的路径]

在 linux 命令行 [终端] 中。
在 Atom 或 VS Code 中，您可以使用 ctrl+shift+f 在文件夹中搜索它。

【讨论】：

你能解释一下吗，目前我只使用notepad++。我不能从检查元素中找到它吗？
我刚刚编辑了答案。而且Atom和VSCode比notepad++好很多。

【解决方案3】：

JS 代码在全局定义时被加载到相同的命名空间中。一旦加载，就无法判断对象的来源。

这就是为什么你不应该污染全局命名空间。您应该至少在开发/调试时为每个文件定义对象/类。

Here 是开始学习 JS 中的 OOP 的好地方

【讨论】：