在前端开发中，我们经常需要获取函数的参数名和值。这个需求可能是为了调试或者记录日志，或者是为了更方便地使用某个函数。本文将介绍如何使用 JavaScript 动态地获取函数的参数名和值。
方法一：使用 arguments 对象
在 JavaScript 中，每个函数都有一个特殊的对象 arguments。这个对象包含了函数的所有参数列表。我们可以通过循环遍历这个对象来获取每个参数的名称和值。
-- -------------------- ---- -------
-------- ------ -- -- -
--- ---- - - -- - - ----------------- ---- -
--------------------- - - - - -- - - --------------
-
-
------ -- ---
-- ----------- -- -
-- -------- -- -
-- -------- -- -通过遍历 arguments 对象，我们可以获取每个参数的值。但是，我们还需要手动指定每个参数的名称。这并不是一种非常优雅的方式。
方法二：使用函数的 toString 方法
JavaScript 中的每个函数都有一个 toString() 方法，它返回函数的源代码字符串。我们可以利用这个方法来解析函数的参数列表。
-- -------------------- ---- -------
-------- ------ -- -- -
--- ---- - --------------------------------------------- ---
--- ---- - - -- - - ------------ ---- -
------------------- - -- - - --------------
-
-
------ -- ---
-- ----- -
-- -- -
-- -- -这种方法的原理很简单：使用正则表达式来匹配函数的参数列表，并将其转换成一个数组。然后，我们可以遍历这个数组并获取每个参数的名称和值。
需要注意的是，这种方法只适用于没有默认参数和剩余参数的函数。如果函数有默认参数或者剩余参数，那么 toString() 方法返回的字符串可能不包含完整的参数列表。
方法三：使用 ES6 的 Reflect API
ES6 增加了一个新的反射 API，叫做 Reflect。其中的 Reflect.getMetadata 方法可以用来获取函数的元数据，包括参数名称和类型等信息。
-- -------------------- ---- ------- -------- ------ -- -- -- ---------------------------------------- ------------------- ------ -- - --------------------- --------- --------------- --- -- ----------- -- ------ -- -------- -- ------ -- -------- -- ------
这种方法非常方便，但是需要使用一些额外的库，比如 reflect-metadata 和 core-js。而且，它也不支持所有的 JavaScript 运行时环境。
结论
以上就是动态获取 JavaScript 函数参数名和值的三种方法。其中，第一种方法最简单但不够优雅，第二种方法可以适用于大多数情况但是有局限性，第三种方法最优雅但是需要依赖一些额外的库。
根据实际需求和运行环境的不同，我们可以选择不同的方法来进行函数参数的获取。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8852