在前端开发中，我们时常需要处理函数的参数。如果参数过多，就需要考虑如何更好地组织参数并保证参数的正确性。而 npm 上的 args-pattern 就是一款能够很好地解决这个问题的包。
安装
npm install args-pattern --save
用法
使用 args-pattern，我们需要了解两个概念：参数模式和参数解析器。
参数模式
参数模式是用来定义参数类型和参数名的一个结构。args-pattern 中的参数模式由一个模式字符串和一个模式选项组成，其中的模式字符串定义了参数的类型和名称，模式选项定义了参数的限制条件。
例如，下面是一个字符串模式：
const patternStr = 'string:string number:number';
这个模式包含两个参数：一个名称为 string 的字符串类型参数，一个名称为 number 的数字类型参数。
另外，你也可以使用对象模式：
const patternObj = {
string: 'string',
number: 'number'
};参数解析器
参数解析器是用来解析函数参数的工具。在 args-pattern 中，我们可以使用 parse 函数来创建参数解析器。
-- -------------------- ---- ------- ----- ----------- - ------------------------ -- -------------- ----- --------- - -------------------------------- ---------------- -- ------------- ----- --------- - ------------------- ------- --------- ------- -------- ---
解析参数
当我们定义好参数模式和参数解析器后，就可以解析函数参数了。使用解析器的 parse 方法，传入需要解析的参数和验证函数即可。
-- -------------------- ---- -------
-------- ------------ ------- -
----- ------- - ----------------------- ----- -- -
----- ---------------- ------ ---------
---
---------------------
-
------------- -----执行结果如下：
{ string: 'hello',
number: 123 }示例代码
下面是一个完整的示例代码，你可以试着运行一下，看看结果。
-- -------------------- ---- -------
----- ----------- - ------------------------
-- --------------
----- --------- - -------------------------------- ----------------
-- -------------
----- --------- - -------------------
------- ---------
------- --------
---
-------- ------------ -
------ ---------------- ------- -
----- ------- - ----------------------- ----- -- -
----- ---------------- ------ ---------
---
---------------------
--
-
----- ------- - ----------------
---------------- -----
----- ------- - ----------------
---------------- -----总结
在前端开发中，我们时常需要处理函数的参数。而 args-pattern 就是一款能够很好地解决这个问题的 npm 包。使用 args-pattern，我们可以通过定义参数模式和参数解析器来解析函数参数，从而更好地组织参数并保证参数的正确性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600557cf81e8991b448d4d96