首页  >  文章  >  web前端  >  如何在 JavaScript 中跟踪调用者函数详细信息(行号和源 URL)?

如何在 JavaScript 中跟踪调用者函数详细信息(行号和源 URL)?

Barbara Streisand
Barbara Streisand原创
2024-10-20 21:53:30830浏览

How to Trace Caller Function Details (Line Number and Source URL) in JavaScript?

在 JavaScript 中跟踪调用者详细信息:行号和源 URL

要跟踪调用者函数的详细信息,包括行号和源 URL,考虑以下方法:

获取调用者函数名称:

<br>var callerFunc = argument.callee.caller.toString();<br>callerFuncName = (callerFunc.substring(callerFunc.indexOf("function") 8, callerFunc.indexOf("(")) || "anoynmous")<br>

这段代码snippet 获取调用者函数的名称。

检索调用者行号:

获取调用者函数被调用的行号:

function getErrorObject() {
    try {
        throw Error('');
    } catch (err) {
        return err;
    }
}

var err = getErrorObject();
var caller_line = err.stack.split("\n")[4];
var index = caller_line.indexOf("at ");
var clean = caller_line.slice(index + 2, caller_line.length);

此方法利用 JavaScript 错误对象的堆栈属性来访问调用者的行号。

确定调用者源 URL:

不幸的是,它不是直接从调用者函数获取源 URL 但是,您可以使用带有源映射的 webpack 之类的捆绑器来生成捆绑代码和源文件之间的映射,从而允许您将调用者的行号映射到其原始源位置。 .

以上是如何在 JavaScript 中跟踪调用者函数详细信息(行号和源 URL)?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn