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

Question

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

我试过下面的

在控制台窗口中只输入函数名，显示函数定义，但找不到函数定义源程序.js文件。

​

​

Answer 1

使用inspect(setcode)。

来自Devtools docu：

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

Answer 2

您可以使用"grep“，也可以找到一个好的编辑器(VS代码或Atom)。

1. 关于grep你可以写 中搜索的-Ril“文本搜索”路径 在linux命令行终端中。
2. 在Atom或VS代码中，您可以使用ctrl+shift+f在文件夹中搜索它。

Answer 3

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

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

这里是在JS中开始学习OOP的好地方。