在前端开发中，有时候需要获取JavaScript代码中的调用函数的行号和源URL。这些信息可以帮助我们更好地调试代码、跟踪问题并优化网站性能。在本文中，我们将介绍如何获取JavaScript调用函数的行号和源URL。
如何获取JavaScript调用函数行号？
要获取JavaScript调用函数的行号，我们可以使用Error()构造函数及其stack属性来实现。
以下是一个示例代码：
-- -------------------- ---- -------
-------- --------------- -
--- -
----- --- --------
- ----- --- -
--- ----- - --------------------
-- ---------
--- ---- - -----------------------
------ -----
-
-
-- ------
-------- -------------- -
------------------- - -----------------
-
--------------- -- ----------在上面的代码中，我们定义了一个getLineNumber()函数来获取调用该函数的行号。当我们调用该函数时，它将抛出一个错误，然后通过Error()对象的stack属性获取堆栈信息，进而解析出调用函数的行号。
如何获取JavaScript调用源URL？
要获取JavaScript调用函数的源URL，我们可以利用document.currentScript属性或new Error().stack属性来实现。
以下是一个示例代码：
-- -------------------- ---- -------
-- --------------------------------
------------------- - ----------------------------
-- -----------------------
-------- -------------- -
--- -
----- --- --------
- ----- --- -
--- ----- - --------------------
-- ---------------------
--- ---- - - -- - - ------------- ---- -
-- ------------------------ -
--- --- - --------------------------------------
------------------- - -----
------
-
-
-
-
-- --------
-------- -------------- -
---------------
-
--------------- -- -------------------------------------在上面的代码中，我们首先使用document.currentScript.src来获取当前脚本的地址，然后定义了一个getSourceURL()函数来获取调用该函数的源URL。当我们调用该函数时，它将抛出一个错误并获取堆栈信息，解析出源URL。
总结
本文介绍了如何获取JavaScript调用函数的行号和源URL。通过这些技巧，我们可以更好地调试代码、跟踪问题并优化网站性能。希望本文对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11078
