在编写前端代码时，有时候需要获取当前 JavaScript 文件的绝对路径。这可能有不同的用途，如加载其他文件或根据文件名执行某些操作。本文将介绍如何获取当前 JavaScript 文件的绝对路径。
使用 document.currentScript.src
可以使用 document.currentScript 对象来获取当前正在执行的脚本元素。通过该元素的 src 属性即可获取当前 JavaScript 文件的绝对路径。下面是示例代码：
const scriptUrl = document.currentScript.src; console.log(scriptUrl);
需要注意的是，在使用此方法时，必须确保当前脚本是通过 <script> 标签直接引入的，而非使用 eval() 或者动态创建 <script> 标签的方式加载的。
使用 Error.stack
另一种获取当前 JavaScript 文件路径的方法是使用 Error 对象的 stack 属性。Error 对象包含一个堆栈跟踪信息，在其中包含了当前执行上下文的信息。通过分析该信息，我们可以获取当前 JavaScript 文件的绝对路径。下面是示例代码：
-- -------------------- ---- ------- -------- --------------------- - ----- ---------- - --- -------------- ----- ------- - ----------------------------- ----- ------ - ------------------------- ------ ------ - --------- - --- - ----- --------- - ---------------------- -----------------------
需要注意的是，这种方法可能会返回调用栈上其他函数的信息，因此需要使用正则表达式对结果进行过滤。
结论
在本文中，我们介绍了两种获取当前 JavaScript 文件路径的方法：使用 document.currentScript.src 和使用 Error.stack。这些方法都有其适用范围和限制，使用时需要注意对不同情况进行判断和处理。希望该文章能够帮助您更好地理解 JavaScript 的执行机制，并提高前端开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29060