在前端开发中，很多时候我们需要对电话号码进行验证。而 E.164 是一个全球通用的电话号码格式，因此在验证电话号码时，通常会采用 E.164 格式。npm 上有一个名为 is-e164-phone-number 的包可以帮助我们轻松地完成这一任务。
什么是 is-e164-phone-number
is-e164-phone-number 是一个 JavaScript 库，可以用于验证一个字符串是否符合 E.164 格式的电话号码。它的原理是利用正则表达式去匹配电话号码是否符合 E.164 格式。
如何使用 is-e164-phone-number
安装
可以使用 npm 安装 is-e164-phone-number 包。
npm install is-e164-phone-number
导入
可以使用 ES6 的 import 语法导入 is-e164-phone-number 包。
import { isE164PhoneNumber } from 'is-e164-phone-number';使用示例
const phoneNumber = '+1 (123) 456-7890';
if (isE164PhoneNumber(phoneNumber)) {
console.log(`${phoneNumber} 是一个有效的 E.164 电话号码`);
} else {
console.log(`${phoneNumber} 不是一个有效的 E.164 电话号码`);
}深度学习
is-e164-phone-number 内部实现了一个正则表达式，用于验证电话号码是否符合 E.164 格式。深入学习正则表达式可以更好地掌握这个包的使用方式。
E.164 格式
E.164 标准定义了全球的电话号码格式，其中包括国际电话号码、国内电话号码、区号和本地电话号码等多种格式。这里我们只讲解最基本的国际电话号码的 E.164 格式。
E.164 格式由一个加号 (+)、国家码、地区码和电话号码构成，例如：
+1 (123) 456-7890 +86 13123456789
其中，加号表示国际呼叫，国家码是一个或多个数字，表示电话号码所在国家或地区的编号，地区码是一个或多个数字，表示电话号码所在城市或区域的编号，电话号码是一个或多个数字，表示电话号码本身。
正则表达式
is-e164-phone-number 使用了一个正则表达式去匹配电话号码是否符合 E.164 格式。这个正则表达式如下：
/^(\+)(\d{1,3}[\s-]?)?\(?\d{2,3}\)?[\s-]?\d{3}[\s-]?\d{4}$/这个正则表达式由多个组成部分构成：
^表示字符串的开始(\+)表示一个加号，必须出现在字符串的开头(\d{1,3}[\s-]?)?表示一个或多个数字，可以有一个可选的空格或短划线，并且出现 0 次或 1 次\(?表示一个可选的左括号\d{2,3}表示 2 个或 3 个数字，表示国家或地区码\)?表示一个可选的右括号[\s-]?表示一个可选的空格或短划线\d{3}表示 3 个数字，表示电话号码的区域码[\s-]?表示一个可选的空格或短划线\d{4}表示 4 个数字，表示电话号码本身$表示字符串的结尾
给出警告
使用 is-e164-phone-number 时，需要注意一些细节问题。
不支持电话号码格式
is-e164-phone-number 仅支持验证 E.164 格式的电话号码，如果需要验证其他格式的电话号码，需要使用其他的验证方式。
不支持空字符串
is-e164-phone-number 不支持验证空字符串，需要在使用前先判断字符串是否为空。
可能存在误判
由于 E.164 格式的电话号码非常复杂，所以 is-e164-phone-number 的正则表达式可能存在误判的问题，需要开发者根据实际情况做出判断。
结语
使用 is-e164-phone-number 包可以轻松地验证电话号码是否符合 E.164 格式，对于需要验证电话号码的前端开发来说是一个非常方便的工具。当然，在使用时也需要注意一些细节问题，才能得到正确的验证结果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005587e81e8991b448d5c10