javascript - 追溯 javascript 调用

Question

在我的 chrome 控制台中，我试图了解导致调用某些 javascript 的步骤是什么文件。实际上，当我在单击输入文件标签后从我的计算机导入文件时，会调用一些 javascript 文件，但我不知道调用它的方法是什么。我如何在我的调试器 (chrome-console) 中追溯它？

编辑:

我正在开发的插件在这里:http://blueimp.github.io/jQuery-File-Upload/ .单击添加文件按钮时，文件 load-image.min.js is called (在 chrome 调试器的 section network 中)我不知道它是怎么调用的

Answer 1

首先，要知道当您“调用”一个 JavaScript 文件(我认为您的意思是“导入”)时，不会固有地触发任何特定函数。如果您希望在加载时触发任何函数，则需要在 JavaScript 文件的全局空间中调用该函数。通常，这是通过创建单个自调用函数来完成的。例如，这段代码将定义一个名为“foo”的函数，并在加载 JavaScript 文件时调用它:

(function foo() {
   ...
})();

这也是可行的:

function foo() {
  ...
}
foo();

就 Chrome 开发者工具(使用 Ctrl+Shift+J 打开)而言，您有几个选择。最接近您描述的是“配置文件”工具。单击该选项卡，选择“收集 JavaScript CPU 配置文件”，然后运行几个部分的分析器。它将返回您的 CPU 执行的函数列表以及在这些函数中花费的时间。