前言
在开发前端应用的过程中，支付模块是不可或缺的一环。而识别用户输入的银行卡信息也是必要的，这点对于支付宝、微信、银联等支付机构来说尤其重要。为此，出现了很多识别银行卡的工具，而 what-credit-card 就是其中之一。它是一个基于 JavaScript 的 npm 包，可以帮助开发者方便快捷地识别银行卡的所属类型。
安装
可以使用 npm 文档中提供的安装方式，直接在终端中输入：
npm install what-credit-card
也可以手动在 package.json 文件中添加依赖，然后在终端中输入 npm install 进行安装。
使用
what-credit-card 的使用非常简单，只要引入包，然后调用它的函数即可。下面的示例展示了如何识别用户输入的银行卡类型：
import whatCard from 'what-credit-card'; const cardNumber = '622202******12345678'; const cardType = whatCard(cardNumber); console.log(cardType); // 'unionpay'
在这个示例中，whatCard 函数被调用并传入一个银行卡号作为参数。函数返回的是一个字符串，即银行卡的类型。这个例子中，银行卡号属于银联卡，所以返回的是 'unionpay'。
what-credit-card 能够识别的银行卡类型包括：Visa、Mastercard、American Express、Discover、JCB、Diners Club、Maestro、与银联卡等。
讲解
接下来，我们将深入讲解 what-credit-card 的实现原理。首先，需要明确的一点是，银行卡号并不是随机生成的。每种类型的银行卡都有一定的规律，使用这些规律可以识别银行卡的类型。
以银联卡为例，接下来的代码展示了 how-to-regex 的思路。
-- -------------------- ---- -------
-------------------- -
-
-- ------- ---- --
------ ---------------------
-- ------
----------- ---- --- --- ----
-- -------
--------- -----------
--
-- ---- ----- -------
-以上代码表示银联卡的规律：
- 银联卡号必须以 '62' 开头
- 银联卡号长度为 16 至 19 位
如果一个银行卡号满足以上两个条件，那么就可以判断它是银联卡。
其他银行卡的判断规律也基本类似，都是基于卡号的某些特征来分类的。因此，what-credit-card 在实现时，所做的就是建立一个这样的规律库。在识别银行卡号时，只需要逐一匹配这些规律，就能得到正确的银行卡类型。
你也可以添加自己的卡号识别规则，只需按照 what-credit-card 中其他规则的格式，向 industryIdentifiers 数组中添加一条规则即可。
总结
what-credit-card 提供了一个方便快捷的方法，可以识别用户输入的银行卡类型。虽然它并不是唯一可用的工具，但它的实现原理和代码逻辑值得借鉴和学习。在使用 what-credit-card 或其他类似的工具时，要注意银行卡号的格式和输入规则，这对于正确识别银行卡类型至关重要。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671098dd3466f61ffe003