ES9 新特性：RegExp lookbehind(反向断言) 详解-JavaScript中文网-JavaScript教程资源分享门户

在 ECMAScript 2018 中，新增了一个正则表达式的新特性：反向断言（lookbehind）。这个新特性能更方便地匹配一些具体需要的字符串，并且能够为前端开发人员节省很多的时间和精力。

什么是反向断言？

反向断言是用来匹配一个字符串前面是否符合某个特定的条件，如果符合条件，则继续往下匹配。这个特性的语法为 (?<=pattern)，其中 pattern 是一个正则表达式，表示从当前位置往左数的位置即当前位置的前一个子字符串，需要匹配指定的模式。比如 (?<=abc) 表示匹配当前位置前一个子字符串是否符合 abc 这个模式。

反向断言的应用场景

反向断言的使用在很多情况下都是非常方便和高效的。比如：

对匹配到的字符串进行后续处理或操作
在匹配某些指定位置时，需要排除掉某些子字符串

当需要匹配一些含有特定前缀或后缀的字符串时，反向断言正好可以帮助我们排除掉不需要匹配的子字符串，从而更加准确地匹配出我们需要的字符串。

反向断言的示例代码

下面是一些反向断言的示例代码：

示例 1：匹配以 `foo` 开头的字符串，忽略大小写

const str = "FooBar";
const regExp = /(?<=^foo)\w+/i;
console.log(str.match(regExp));  // ["Bar"]

示例 2：匹配一个手机号码后的 4 位数字

// matches "1234" in "My phone number is 18888888888, verification code is 1234."
const str = "My phone number is 18888888888, verification code is 1234.";
const regExp = /(?<=verification code is )\d{4}/;
console.log(str.match(regExp));  // ["1234"]

示例 3：匹配图片文件名中 `icon` 后面的字符串

const str = "avatar-icon.png";
const regExp = /(?<=icon-)\w+/;
console.log(str.match(regExp));  // ["png"]

示例 4：匹配当前页面的 URL 中 `https://` 或 `http://` 后面的字符串

const str = "https://www.example.com/page/1";
const regExp = /(?<=(https?:\/\/))\S+/;
console.log(str.match(regExp));  // ["www.example.com/page/1"]

总结

反向断言是 ES9 中新增的正则表达式特性，它可以帮助开发人员更方便地匹配需要的字符串，提高开发效率。在实际应用中，我们可以根据实际需求灵活使用反向断言。

希望本篇文章能够为大家提供一些指导和参考。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/64afaf4a48841e9894bcc66a

ES9 新特性：RegExp lookbehind(反向断言) 详解