ES9 正则表达式改动
ES9 引入了一些正则表达式改动，主要包括两个方面：
- 引入命名捕获组；
- 引入 lookbehind 断言；
这些改动在某些场景下可以很好地简化正则表达式的匹配，但同时也带来了一些兼容性问题。
解决兼容性问题
由于 ES9 正则表达式改动引入了新的语法，旧版本的浏览器解析器并不支持。为了解决这个问题，下面我们提供一些解决方法：
1. 使用 Babel 编译
借助 Babel 可以将代码编译为 ES5 语法，避免了兼容性问题，不过这需要在构建过程中添加编译工具，其也会增加构建时间。下面是借助 Babel 编译正则表达式的示例代码：
const regex = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const match = regex.exec('2020-08-25');
const { year, month, day } = match.groups;
console.log(year, month, day);2. 使用 polyfill
另一个解决兼容性问题的方法是使用 polyfill 。Polyfill 是一组脚本，它在浏览器原始 API 缺失时尝试重现这些 API 的行为。利用这个方法，我们可以在旧浏览器中使用 ES9 正则表达式改动的语法。下面是利用 polyfill 实现的示例代码：
import 'regexp-polyfill';
const regex = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const match = regex.exec('2020-08-25');
const { year, month, day } = match.groups;
console.log(year, month, day);总结
ES9 正则表达式改动引入了一些新的语法，但同时也带来了一些兼容性问题。为了让代码兼容旧版本的浏览器，我们可以使用 Babel 编译或者使用 polyfill 。不过，我们也需要意识到这些解决方法会增加代码的复杂程度，也会影响构建时间。因此，我们需要根据实际情况进行选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648a725548841e9894894664