JS中的正则表达式及pattern的注意事项

创建RegExp对象应注意的事项

创建正则表达式，可以采用直接量的形式或者RegExp构造函数的形式。直接量形式简洁明了，使用斜杠 `/` 包围正则表达式内容。当涉及到复杂的表达式或动态创建正则表达式时，RegExp构造函数更为灵活方便。在使用构造函数时，字符串形式的正则表达式需要注意转义字符的处理，特别是引号 `'` 和反斜杠 `\` 的转义。值得注意的是，不同的浏览器在处理正则表达式的直接量时可能会有不同的行为，因此在实践中，为确保兼容性，推荐使用RegExp构造函数创建正则表达式。

正则表达式中的括号 `()` 的使用

括号在正则表达式中有多种用途：

1. 分组：将多个字符组合成一个子表达式，方便进行统一处理。这在处理重复模式如 `?`、`+`、`` 或 `{n,m}` 时特别有用。例如，`/Java(script)?/` 可以匹配 "Java" 或 "Javascript"。

2. 向后引用：使用 `` （其中 `n` 是引用的序号）来引用前面括号中匹配的文本。例如，`/(\d+)[a-z]{3}\1/` 可以匹配 "20man20"，但不会匹配 "20man23"，因为 `\1` 引用的是前面的数字序列 "20"。需要注意的是，JavaScript 中的向后引用只能引用前面的实际匹配文本，而不能引用正则表达式的某个部分。

3. 非捕获分组：使用 `(?:exp)` 的形式可以进行分组而不进行引用。这在进行复杂匹配时非常有用，可以提高匹配效率。例如，`/(\w{3})(?:\d+)([a-z]{2})\2/` 可以匹配文本并正确处理分组。

子模式匹配及其在字符串替换中的应用

子模式匹配允许我们直接引用匹配的文本，这在字符串的替换操作中特别有用。例如，使用 `$n` 形式来替代匹配编号为 `n` 的文本。在字符串的 `replace()` 方法中经常用到这种技术。例如，交换等号两边的单词时可以使用子模式匹配。需要注意的是，正则表达式的匹配是从左到右进行的，不会从右边获取子串进行匹配。在使用懒惰匹配时需要特别注意这一点。

了解和掌握正则表达式的创建方式、括号的使用、子模式匹配等特性对于有效地使用 JavaScript 中的正则表达式至关重要。通过合理使用这些特性，我们可以更准确地匹配和处理文本数据，提高编程效率。在正则表达式中，匹配模式起着至关重要的作用。在reg1中，o+的模式会匹配所有的"o"，随后继续匹配"gle"，从而完成整体匹配。这种匹配模式遵循从左到右的次序，且贪婪地尽可能多地匹配。而在reg2中，o+？的模式则更加灵活。它会首先匹配一个"o"，然后在字符串的第2位到第4位（即原串的"ooo"）尝试匹配"gle"。如果失败，它会回溯至上一个匹配的"o"，然后继续尝试匹配，以此类推，直到匹配到整个字符串。在这个过程中，它表现出一种懒惰的特性，尽可能少地匹配。从左到右的次序匹配优先级高于贪婪或懒惰的匹配模式。

关于零宽断言，它是一种特殊的正则表达式技巧，用于在满足某些条件时进行匹配。在JavaScript中，主要支持零宽正预测先行断言"(?=exp)"和零宽负预测先行断言“(?!exp)"。零宽断言的特点是它不占据任何字符空间，仅对字符串的位置或模式进行判断。例如，在str = 'java coffeescript'的例子中，reg1使用了零宽正预测先行断言来寻找以“script”结尾的单词，而reg2则寻找不以“script”结尾的单词。目前，JavaScript不支持零宽后顾断言，无法判断某字符串的前面部分是否满足特定的条件。但可以通过多次使用正则表达式或其他方法来实现类似的功能。

在正则表达式的应用中，match()和exec()是两个常用的方法，它们用于在字符串中匹配正则表达式。两者的主要区别在于使用方式和返回结果。match()是字符串包装对象的方法，用法是String.match(RegExp)，而exec()是正则表达式对象的方法，用法是RegExp.exec(String)。在没有设置全局标志 "g" 的情况下，两者的返回结果相同。而当设置了全局标志 "g" 时，match()返回的是一个包含所有匹配字符串的数组，而exec()仍然返回与没有设置全局标志时相似的结果，同时还可以通过RegExp对象的lastIndex属性找到所有的匹配字符串。

在编程世界中，字符串的处理常常离不开正则表达式。想象一下你有一个字符串 "I love1 my job22"，你想从中提取所有的字母和数字组合，怎么办？这就用到了正则表达式。使用模式 "\b[a-z]+(\d+)\b"，你可以轻松匹配这样的组合。

让我们来看看这个正则表达式的含义。`\b` 表示单词边界，`[a-z]+` 表示一个或多个小写字母，`(\d+)` 表示一个或多个数字。当我们在 "love1" 和 "job22" 中寻找匹配时，就能找到它们。

现在，假设我们正在使用 ECMAScript 3 和 ECMAScript 5 的环境中。在使用 RegExp 对象进行匹配时，每次匹配完成后，我们需要特别注意 lastIndex 属性。这个属性表示下一次匹配的开始位置。为了满足老非IE浏览器的要求，每次匹配完后，我们需要手动将 lastIndex 属性置为 0。

当我们使用正则表达式验证字符串时，需要注意模式的书写方式。比如，验证电子邮件地址，我们应该使用 "/\w+@+\w+(\.+\w+){1,}/.test(str)"，而不是 "\w+@+\w+(\.+\w+){1,}.test(str)"。后者因为缺少斜杠，可能导致验证失败。

不要忘记调用 cambrian.render('body') 来渲染页面主体部分。这行代码可能是在使用一些特定的库或框架时出现的，用于将内容渲染到网页的 body 区域。