随着前端技术的不断发展，正则表达式在前端领域也变得越来越重要。ECMAScript 2019 中加入了 RegExp.prototype.dotAll 属性和 s 修饰符，为正则表达式的使用提供了更多的便利和灵活性。
RegExp.prototype.dotAll 属性
在 ECMAScript 2019 中，正则表达式对象增加了 dotAll 属性，用于匹配任意单个字符。在老版本中，只有 . 可以匹配除了换行符以外的任意字符，但是仍然无法匹配换行符。
新的 dotAll 属性可以解决这个问题，通过 . 匹配任意字符，包括换行符，示例代码如下：
const str = 'hello\nworld'; const reg1 = /hello.world/; const reg2 = /hello.world/s; console.log(reg1.test(str)); // 返回 false console.log(reg2.test(str)); // 返回 true
在上面的示例中，由于字符串 str 中包含了换行符，所以在使用 reg1 进行测试时，无法匹配成功。但是当使用 dotAll 属性时，就可以匹配到换行符，因此 reg2 的测试结果是 true。
s 修饰符
在正则表达式中，为了匹配文本中的所有字符，我们通常会使用 [\s\S] 的方式，表示匹配空白字符或者非空白字符。
在 ECMAScript 2019 中，我们可以使用 s 修饰符来实现相同的效果，示例代码如下：
const str = 'hello\nworld'; const reg1 = /hello.world/; const reg2 = /hello.world/s; console.log(reg1.test(str)); // 返回 false console.log(reg2.test(str)); // 返回 true
我们可以看到，在这个示例中，使用 s 修饰符和使用 dotAll 属性所得到的结果是相同的。
需要注意的是，在使用 s 修饰符时，我们需要确保文本中不包含 \u2028 或者 \u2029 的字符，否则无法正常匹配。
应用场景
dotAll 属性和 s 修饰符可以解决在匹配文本中包含换行符时的问题，因此在需要匹配多行文本的场景中，使用这两个功能可以更加容易地实现我们需要的效果。
例如，我们需要匹配一个 HTML 页面中的所有文本，使用 s 修饰符可以轻松实现，代码如下：
const html = '<html> <body> hello\nworld</body> </html>'; const reg = /<.*?>|[\n\r\t]/gs; console.log(html.replace(reg, '')); // 返回 "hello world"
在上面的示例中，通过使用 s 修饰符解决了包含换行符的问题，同时通过将标签也匹配出来，实现了在 HTML 页面中替换掉所有的标签和空白字符。
总结
dotAll 属性和 s 修饰符为处理包含换行符的文本提供了更多的便利性。在需要匹配多行文本的场景中，使用这两个功能可以更加容易地实现我们需要的效果。值得注意的是，在使用 s 修饰符时，我们需要确保文本中不包含 \u2028 或者 \u2029 的字符。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f406a7f6b2d6eab3d34f06