在前端开发中，我们经常会需要获取当前调用栈的信息，比如我们可能需要知道当前函数是由哪个函数调用的，或者需要记录错误日志时，需要获取调用此函数的上下文信息等等。这时候，我们可以使用 npm 包 caller-id 包来获取调用栈的相关信息。
什么是 npm 包 caller-id？
npm 包 caller-id 是一个能够获取当前调用栈信息的工具。它会返回一个包含调用栈信息的对象，包括函数名、文件路径、行数等等，并且还提供了一些实用方法，方便我们对调用栈信息进行处理和过滤。
如何使用 npm 包 caller-id？
首先，我们需要安装 caller-id 包。在命令行中执行以下命令：
npm install caller-id --save
安装完成后，我们就可以在项目中使用该包了。在我们需要获取调用栈信息的地方，比如函数中，我们可以直接引入该包并调用其 get() 方法即可：
const callerId = require('caller-id');
function testFunction() {
console.log(callerId.get());
}
testFunction();此时，控制台会输出以下调用栈信息：
-- -------------------- ---- ------- - ----------- --------- --------------- --------------- ------------- ----- ----------- ------------------------ ------------- -- --------------- --- --------- ------ ------------- ---- -
我们可以看到，该方法返回了一个包含调用栈信息的对象，其中包括了函数名 functionName、文件路径 fileName、行数 lineNumber 等等。
此外，该方法还可以接受一个参数，用于指定获取调用栈的深度，比如我们可以调用 callerId.get(3) 来获取三层调用栈信息。
实用方法
除了 get() 方法外，caller-id 还提供了一些实用方法，方便我们对调用栈信息进行处理和过滤。以下是几个常用的方法：
callerId.getData()
该方法返回一个数组，包含当前调用栈上所有的函数调用点信息，每个元素都是一个包含调用信息的对象。
-- -------------------- ---- ------- ----- -------- - --------------------- -------- -------------- - -------------------------------- - -------- ------- - --------------- - --------
输出：
[
{ "typeName": null, "functionName": null, "methodName": null, "fileName": "D:\\projects\\test.js", "lineNumber": 5, "columnNumber": 1, "native": false, "evalOrigin": null },
{ "typeName": null, "functionName": "testFunction", "methodName": null, "fileName": "D:\\projects\\test.js", "lineNumber": 3, "columnNumber": 13, "native": false, "evalOrigin": null },
{ "typeName": null, "functionName": "hello", "methodName": null, "fileName": "D:\\projects\\test.js", "lineNumber": 9, "columnNumber": 1, "native": false, "evalOrigin": null }
]callerId.getLongFilename()
该方法返回当前调用栈上最上层函数所在的文件完整路径名，也可以接受一个深度参数。
-- -------------------- ---- ------- ----- -------- - --------------------- -------- -------------- - ---------------------------------------- - -------- ------- - --------------- - --------
输出：
D:\projects\test.js
callerId.getShortFilename()
该方法返回当前调用栈上最上层函数所在的文件名，也可以接受一个深度参数。
-- -------------------- ---- ------- ----- -------- - --------------------- -------- -------------- - ----------------------------------------- - -------- ------- - --------------- - --------
输出：
test.js
callerId.getPosition()
该方法返回当前调用栈上最上层函数所在的文件名、行号、列号，也可以接受一个深度参数。
-- -------------------- ---- ------- ----- -------- - --------------------- -------- -------------- - ------------------------------------ - -------- ------- - --------------- - --------
输出：
D:\projects\test.js:3:13
总结
npm 包 caller-id 提供了一个方便的方法来获取当前调用栈的信息，从而能够帮助我们更好地调试和记录应用程序的运行过程。掌握好该包的使用方法和相关实用方法，可以方便我们在开发中更加高效地利用该工具和处理调用栈信息。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64960