在前端开发中，我们经常需要查看 JavaScript 代码的函数定义和函数调用，来理清代码结构和逻辑。而 npm 包 function-names-at-line 可以帮助我们快速地获取某一行代码中所有函数的名称及其参数列表。
安装和使用
首先，确保你已经安装了 Node.js 环境。然后，打开命令行工具，输入以下命令安装 function-names-at-line：
--- ------- ----------------------
安装成功后，你可以在项目中引入该模块：
----- ---------------------- - ----------------------------------
接下来，我们就可以使用 getFunctionNamesAtLine 函数来获取指定行中所有函数的名称和参数列表了。该函数接受两个参数：源代码和要查询的行号。
示例代码如下：
----- ---------- - - -------- ------ -- - ------ - - -- - ----- ------ - ------ --- -------------------- -- ----- ---- - -- ----- --------- - ---------------------------------- ------ ----------------------- -- ----- ----- ------ ------- ----- ---- --
在上面的示例中，我们定义了一个源代码字符串 sourceCode，其中包含了一个名为 add 的函数的定义和调用。我们调用 getFunctionNamesAtLine 函数，并传入源代码和第四行作为参数，得到了一个包含函数名称和参数列表的数组。
值得注意的是，getFunctionNamesAtLine 函数只会返回与指定行完全匹配的函数定义。如果在同一行内存在多个函数定义，则只会返回第一个。
深度学习
除了上述基本用法外，function-names-at-line 还提供了一些高级功能，可以帮助我们更方便地获取代码中的函数信息。
包装器函数
如果你需要在查询某一行中的函数信息之前或之后执行一些自定义逻辑，可以使用 wrapFunctionNamesAtLine 函数来包装 getFunctionNamesAtLine 函数。
示例代码如下：
----- - ----------------------- - - ---------------------------------- ----- ---------- - - -------- ------ -- - ------ - - -- - ----- ------ - ------ --- -------------------- -- ----- ---- - -- ----- --------------- - ----------------------------------------------- ----------- -- - --------------------- ----------------------- --- --------------------------- ------ -- -------- -- ----- ------ ------- ----- ---- --
在上面的示例中，我们通过调用 wrapFunctionNamesAtLine 函数来创建了一个新的函数 wrappedFunction，该函数在执行 getFunctionNamesAtLine 函数之前输出一条消息，并在查询完成后再次输出查询结果。
AST 遍历器
如果你需要获取更复杂的函数信息，比如函数体内的变量定义、函数的调用位置等，可以使用 traverseSourceCode 函数来遍历源代码的 AST（Abstract Syntax Tree，抽象语法树）。
示例代码如下：
----- - ------------------ - - ----------------------------------
----- ---------- - -
-------- ------ -- -
----- ------ - - - --
------ -------
-
----- ----- - ------ ---
-------------------
--
----- ---- - --
------------------------------ -
----------- -
-- ---------- --- --------------------- -- ------------------- --- ----- -
------------------------------------
---------------------
------------------------- -- -
-------------- ----------------
---
-
-
---
-- ---
-- --------
-- -----
-- - -
-- - -在上面的示例中，我们通过调
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/49811