分析：如何找出方法附加到哪个对象？

Question

我继承了一个JavaScript应用程序，我试图通过Chrome中的分析来了解它是如何工作的。

Chrome为我提供了执行的方法序列，但我只看到了方法名称。如何找出附加给定方法的对象？

Answer 1

如果您想在Chrome开发工具中查看特定方法的调用堆栈，则需要在“来源”面板中设置断点。

以下是整个过程：

1. 运行“收集JavaScript CPU”报告
2. 在功能列中，点击右侧链接（相关功能）跳转到相应的源代码行
3. 在该行设置断点
4. 重新运行脚本（通常通过页面刷新）
5. 如果点击了断点，调用堆栈将显示在“来源”面板的右侧栏中