在前端开发中，有时候需要获取当前脚本的路径。这种情况下，我们可以使用 JavaScript 来获取当前执行脚本的路径。本文将介绍如何通过 JavaScript 获取当前脚本的路径，并提供相应的示例代码。
方法一：使用 document.currentScript.src
document.currentScript 属性返回当前正在执行的脚本元素（即当前运行的 JavaScript 文件的 script 标签）。因此，我们可以使用 currentScript.src 属性来获取当前执行脚本的路径。
下面是示例代码：
const scriptPath = document.currentScript.src; console.log(scriptPath);
当上述代码被执行时，console 将会打印出该脚本所在的路径。
需要注意的是，当该脚本被动态加载时，currentScript 属性将返回 null。
方法二：使用 Error 对象
另一种获取当前脚本路径的方法是使用 Error 对象。通过创建一个错误对象并检查其堆栈跟踪，我们可以获取当前脚本的路径。其中，Error 对象的 stack 属性包含了所有调用堆栈信息，从而可以反推出当前脚本的路径。
下面是示例代码：
-- -------------------- ---- ------- -------- --------------- - ----- ----- - --- -------- ----- ----- - ------------------------ ----- ---------- - --------- ----- ----------- - ------------------------------------------------------------ ------ --------------- - ----- ---------- - ---------------- ------------------------
当上述代码被执行时，console 将会打印出该脚本所在的路径。
需要注意的是，此方法不适用于 Internet Explorer 浏览器。
总结
本文介绍了两种获取当前脚本路径的方法：使用 currentScript.src 属性和使用 Error 对象。这两种方法都可以帮助我们获取当前脚本的路径。需要注意的是，currentScript 属性在某些情况下可能返回 null，而 Error 对象的 stack 属性在某些浏览器中可能无法正常工作。
在实际开发中，我们可以根据需要选择适合自己的方法来获取当前脚本的路径。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30003