浅谈js正则字面量//与new RegExp的执行效率

讲解 “浅谈js正则字面量//与new RegExp的执行效率” 需要分为下面三个部分：

1. JS正则表达式简介
2. 正则表达式字面量和new RegExp()的区别
3. 正则表达式字面量和new RegExp()的执行效率

1. JS正则表达式简介

JavaScript中的正则表达式是一个模式，这个模式可用于匹配文本中的字符组合。在Js中使用正则表达式时以反斜杠()开始，以反斜杠()结束。正则表达式可以包含普通字符和特殊字符。

以下是一些JS中的特殊字符

• \d:匹配0-9之间的任意一个数字
• \w:匹配任意一个字母、数字
• \s:表示空白符，匹配空格、制表符、换行符等。

2. 正则表达式字面量和new RegExp()的区别

JS中有两种创建正则表达式的方式，分别是正则表达式字面量和new RegExp()方法。这两种方式的区别在于：

• 正则表达式字面量：是由两个正斜杠之间包含了模式文本和标志字符的表达式。
• new RegExp():是一个用于 创建RegExp 对象的函数，通过该函数可以灵活的创建出符合不同模式的正则表达式。

以一个匹配字符串中所有数字的例子来说明：

使用正则表达式字面量创建出的正则表达式如下：

/\d+/g

使用new RegExp()方法创建出的正则表达式如下：

new RegExp('\\d+', 'g');

其中第一个参数是要匹配的模式字符串，第二个参数是表示匹配模式的标志。

3. 正则表达式字面量和new RegExp()的执行效率

在JavaScript中使用正则表达式的方式会影响到程序的执效率，正则表达式的字面量和new RegExp()两种方式的性能差异很小，但是在某些场合下还是有值得注意的地方，比如使用不同的标志字符。

以下是比较正则表达式字面量和new RegExp()执行效果的两个示例：

示例1：尝试匹配“1234”字符

let str = '1234'
console.time('正则表达式字面量的执行时间')
let pattern = /\d+/g
pattern.test(str)
console.timeEnd('正则表达式字面量的执行时间')

console.time('new RegExp()的执行时间')
let pattern1 = new RegExp('\\d+', 'g')
pattern1.test(str)
console.timeEnd('new RegExp()的执行时间')

输出结果：

正则表达式字面量的执行时间: 0.066ms
new RegExp()的执行时间: 0.030ms

从执行时间上看，new RegExp()方法比正则表达式字面量的性能更优。

示例2：尝试匹配字符串中的单词

let str = 'Hello my friend, how are you doing today?'
console.time('正则表达式字面量的执行时间')
let pattern = /\b\w+\b/g
pattern.test(str)
console.timeEnd('正则表达式字面量的执行时间')

console.time('new RegExp()的执行时间')
let pattern1 = new RegExp('\\b\\w+\\b', 'g')
pattern1.test(str)
console.timeEnd('new RegExp()的执行时间')

输出结果：

正则表达式字面量的执行时间: 0.035ms
new RegExp()的执行时间: 0.068ms

这个例子中使用的是正则表达式，但是使用正则表达式字面量比自定义的new RegExp()方法性能要更优。这是因为“\b”这个元字符在正则表达式字面量中被直接识别，而在new RegExp()方法中需要进行转义。

综上所述，JS中正则表达式字面量和new RegExp()两种方式的执行效率差异并不大，但在某些特殊的场合下还是要注意。其中使用正则表达式字面量更方便和易于维护。