背景介绍
正则表达式是前端开发中非常常用的一种工具，但是在使用正则表达式时，并没有一种完全靠谱的方式来检查是否出现了安全问题。由于缺少这样的安全检查，许多前端应用程序在安全性方面非常脆弱。因此，需要一种能够较为准确地检查正则表达式是否安全的工具。
这里介绍一种非常好用的 npm 包 @types/safe-regex。它是一种用于检查正则表达式是否安全的工具。它可以检查正则表达式是否会超时或造成回溯攻击等问题。在正式使用正则表达式时，不妨借助一下 @types/safe-regex 来检查一下。
安装 @types/safe-regex
@types/safe-regex 是一个 npm 包。可以使用以下命令来安装：
npm install --save-dev @types/safe-regex
基本使用
@types/safe-regex 提供了一个函数来检查正则表达式是否安全，函数的名称为 testRegex。函数的使用非常简单，只需要传入要检查的正则表达式即可：
import { testRegex } from 'safe-regex';
const isSafe = testRegex(/^[0-9][0-9]?[0-9]?[0-9]?$/);上面的代码会检查一个正则表达式是否安全。如果正则表达式安全，则返回 true，否则返回 false。
具体应用
除了基本的使用方法以外，@types/safe-regex 还提供了更深入的安全性检查。下面是一个案例：
import { estimateRe } from 'safe-regex';
const { isSafe, expression: re, cost } = estimateRe(/^hello\s+(.*?)\!$/);这里的 estimateRe 函数会返回一个对象，包含三个字段：isSafe、expression 和 cost。
isSafe 表示该正则表达式是否安全，如果为 true，则表示该正则表达式安全，否则表示该正则表达式不安全。
expression 是一个新的正则表达式，它是通过转换原始正则表达式得到的。这个新的正则表达式可以保证安全。
cost 表示这个正则表达式的估计成本。这个成本越高，说明这个正则表达式造成回溯攻击的风险越大。
如果想要对一段代码里的所有正则表达式进行安全性检查，可以使用以下的方式：
import { estimate } from 'safe-regex';
const results = estimate('let a = /foo(bar)?/;');这个结果是一个数组，每个数组元素都包含了一个正则表达式的估计结果。
总结
@types/safe-regex 可以在前端开发中起到非常重要的作用，能够大大提高应用程序的安全性。虽然使用时需要一定的学习成本，但是使用它来检查代码安全是非常值得的，尤其是在开发大型项目时。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaf0eb5cbfe1ea0610f80