怎么看js调的那个函数

要查看JavaScript调用的函数，可以使用浏览器开发者工具、添加调试语句、或者使用日志记录。其中，使用浏览器开发者工具调试是最常用和最有效的方法。下面我们详细介绍如何使用浏览器的开发者工具来查看JavaScript调用的函数。

一、使用浏览器开发者工具

1. 打开开发者工具

大多数现代浏览器都内置了开发者工具，如Google Chrome、Firefox、Microsoft Edge等。可以通过按下 F12 或 Ctrl + Shift + I 快捷键来打开开发者工具。

2. 进入“Sources”面板

在开发者工具中，切换到“Sources”面板。这一面板允许你查看和调试网页的源代码。

3. 设置断点

找到并展开你需要调试的JavaScript文件。你可以在源代码中单击行号来设置断点。当代码运行到设置断点的位置时，执行将暂停，方便你查看调用栈。

4. 查看调用栈

当代码执行暂停时，开发者工具会显示当前的调用栈。调用栈显示了函数是如何被调用的，从最初的调用到当前的执行点。

二、添加调试语句

1. 使用 `console.log`

你可以在代码中添加 console.log 语句来输出函数名和参数。这样可以在浏览器的控制台中查看函数调用情况。例如：

function myFunction(param) {
    console.log('myFunction called with', param);
    // Function logic here
}

2. 使用 `debugger` 关键字

在代码中添加 debugger 关键字，当浏览器执行到这行代码时将自动暂停，类似于手动设置断点。例如：

function myFunction(param) {
    debugger;
    // Function logic here
}

三、使用日志记录

1. 集成日志库

你可以使用像 log4javascript 这样的日志库来记录函数调用信息。这些库提供了更多的日志功能和更好的控制。

2. 自定义日志函数

创建一个自定义日志函数来记录函数调用。例如：

function logFunctionCall(funcName, args) {
    console.log(`Function ${funcName} called with arguments:`, args);
}
function myFunction(param) {
    logFunctionCall('myFunction', arguments);
    // Function logic here
}

四、调试工具和插件

1. 使用调试工具

除了浏览器自带的开发者工具外，还有一些专门的JavaScript调试工具和IDE插件可以帮助你查看和调试函数调用。例如，Visual Studio Code 的调试功能，以及JetBrains WebStorm的调试工具。

2. 调试插件

有些浏览器插件如React Developer Tools等，可以提供更详细的调试信息，尤其是在调试复杂的框架和库时。

五、项目管理和协作工具

在项目开发过程中，良好的项目管理和协作工具可以大大提高团队的效率。推荐使用以下两个系统：

1. 研发项目管理系统PingCode

PingCode专注于研发项目管理，提供了丰富的功能来支持团队协作、需求管理、缺陷跟踪等，帮助团队更好地管理开发过程。

2. 通用项目协作软件Worktile

Worktile是一款通用的项目协作软件，适用于各种类型的团队和项目。它提供了任务管理、日程安排、文件共享等功能，帮助团队更高效地协同工作。

六、总结

通过以上方法，你可以有效地查看JavaScript调用的函数。使用浏览器开发者工具、添加调试语句、日志记录，以及借助调试工具和插件，都是非常有效的手段。同时，良好的项目管理和协作工具也能大大提升团队的开发效率。

核心要点：使用浏览器开发者工具、添加调试语句、使用日志记录，这些方法可以帮助你更好地查看和调试JavaScript代码中的函数调用。