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

Question

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

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

Answer 1

使用inspect(setcode)。

来自Devtools纪录片：

  

当传递要检查的功能时，该功能会在“源”面板中打开文档以供您检查

Answer 2

你可以使用＆＃34; grep＆＃34;或者找一个好的编辑器（VS Code或Atom）。

1. 关于grep，你可以写

   grep -Ril＆＃34; [要搜索的文字]＆＃34; [搜索路径]

   在linux命令行[terminal]。

2. 在Atom或VS Code中，您可以使用ctrl + shift + f在文件夹中搜索它。

Answer 3

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

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

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