ES9 中 RegExp 的 dotAll 修饰符详解
在 ES9 中引入了 dotAll 修饰符，该修饰符可以解决正则表达式中点号（.）不能匹配换行符的问题。本文将详细介绍 dotAll 修饰符的用法和示例，并给出一些实际应用的场景。
一、dotAll 修饰符的用法
dotAll 修饰符的英文单词是“.”和“all”的组合，即所有点。该修饰符的作用是让点号匹配所有字符，包括换行符，即将换行符也视为普通字符。
dotAll 修饰符写法为“/正则表达式/s”，其中 s 表示“single”，即单行模式，也就是指点号匹配所有字符。
以下是示例代码：
const str = 'hello\nworld' const regExp = /hello.world/s console.log(regExp.test(str)) // true
在这个例子中，字符串 str 包含了一个换行符，而正则表达式中使用了点号来匹配。没有使用 dotAll 修饰符的正则表达式无法匹配换行符，结果输出结果为 false。但通过添加 s 修饰符后，就可以成功匹配包含换行符的字符串了。
二、dotAll 修饰符的应用场景
- 多行字符串匹配
在处理多行字符串时，常常需要用到换行符。使用 dotAll 修饰符后，就可以轻松匹配多行字符串。例如：
const str = `hello world` const regExp = /hello.world/s console.log(regExp.test(str)) // true
- 模板字符串匹配
在 ES6 中，引入了新的模板字符串语法，可以在字符串中插入变量和表达式。使用 dotAll 修饰符后，就可以在模板字符串中方便地匹配需要的字符串。例如：
const str = `First line Second line` const regExp = /Second.*?e/ console.log(regExp.test(str)) // false const dotAllRegExp = /Second.*?e/s console.log(dotAllRegExp.test(str)) // true
在这个例子中，使用了带有问号的非贪婪模式，但成功匹配的却是整个字符串。这是因为换行符被忽略了，正则表达式匹配到了两个“e”，而第一个是第二行的 e。加上 dotAll 修饰符后，就能正确地匹配到需要的字符了。
- HTML 匹配
在前端开发中，HTML 的处理经常涉及到正则表达式。HTML 标签中可以包含换行符，使用 dotAll 修饰符后，就可以正确匹配包含换行符的 HTML 了。例如：
const html = '<p>First line\nSecond line</p>' const regExp = /<p>.*?<\/p>/ console.log(regExp.test(html)) // false const dotAllRegExp = /<p>.*?<\/p>/s console.log(dotAllRegExp.test(html)) // true
在这个例子中，没有使用 dotAll 修饰符时，正则表达式无法正确匹配包含换行符的 HTML。而加上 dotAll 修饰符后，就能正确匹配了。
三、总结
在正则表达式中，点号不能匹配换行符是一个常见的问题。ES9 中引入了 dotAll 修饰符，用来解决这个问题，让点号能够匹配所有字符。本文介绍了 dotAll 修饰符的用法、示例代码和应用场景。在实际开发中，使用 dotAll 修饰符可以更加方便地处理多行字符串、模板字符串和 HTML 标签。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c1fe6283d39b4881620373
