改善JavaScript程序的188个建议4150.docx

改善JavaScript程序的188个建议4150.docx

《改善JavaScript程序的188个建议4150.docx》由会员分享，可在线阅读，更多相关《改善JavaScript程序的188个建议4150.docx（19页珍藏版）》请在冰点文库上搜索。

改善JavaScript程序的188个建议4150

建议41：

正确使用正则表达式引用

正则表达式在执行匹配运算时会自动把每个分组（子表达式）匹配的文本都存储在一个特殊的地方以备将来使用。

这些存储在分组中的特殊值被称为反向引用。

反向引用将遵循从左到右的顺序，根据表达式中左括号字符的顺序进行创建和编号。

vars="abcdefghijklmn";

varr=/（a（b（c）））/;

vara=s.match（r）; //["abc","abc","bc","c"]

在这个分组匹配模式中，共产生了3个反向引用，第一个是“（a（b（c）））”，第二个是“（b（c））”，第三个是“（c）”。

它们引用的匹配文本分别是字符串“abc”、“bc”和“c”。

反向引用在应用开发中主要有以下几种常规用法。

1）在正则表达式对象的test（）方法，以及字符串对象的match（）和search（）等方法中使用。

在这些方法中，反向引用的值可以从RegExp（）构造函数中获得。

例如：

vars="abcdefghijklmn";

varr=/（\w）（\w）（\w）/;

r.test（s）;

alert（RegExp.$1）;  //第1个子表达式匹配的字符a

alert（RegExp.$2）;  //第2个子表达式匹配的字符b

alert（RegExp.$3）;  //第3个子表达式匹配的字符c

在正则表达式执行匹配测试后，所有子表达式匹配的文本都被分组存储在RegExp（）构造函数的属性内，通过前缀符号$与正则表达式中子表达式的编号来引用这些临时属性，其中属性$1标识符指向第一个值引用，属性$2标识符指向第二个值引用，依此类推。

2）可以直接在定义分组的表达式中包含反向引用。

这可以通过使用特殊转义序列（如\l、\2等）来实现。

例如：

vars="abcbcacba";

varr=/（\w）（\w）（\w）\2\3\1\3\2\1/;

varb=r.test（s）; //验证正则表达式是否匹配该字符串

alert（b）;   //true

在上面的正则表达式中，“\1”表示对第一个反向引用（\w）所匹配的字符a的引用，“\2”表示对第二个反向引用（\w）所匹配的字符b的引用，“\3”表示对第二个反向引用（\w）所匹配的字符c的引用。

3）可以在字符串对象的replace（）方法中使用。

通过使用特殊字符序列$1、$2、$3等来实现。

例如，在下面的示例中将颠倒相邻字母和数字的位置。

vars="aa11bb22c3d4e5f6";

varr=/（\w+?

）（\d+）/g;

varb=s.replace（r,"$2$1"）;

alert（b）;   //"11aa22bb3c4d5e6f"

在这个示例中，正则表达式包括两个分组，第一个分组匹配任意连续的字母，第二个分组匹配任意连续的数字。

在replace（）方法的第二个参数中，$1表示对正则表达式中第一个子表达式匹配文本的引用，而$2表示对正则表达式中第二个子表达式匹配文本的引用，通过颠倒$1和$2标识符的位置即可实现字符串的颠倒以替换原字符串。

建议42：

用好正则表达式静态值

正则表达式的静态属性比较特殊，有两个名字：

长名（全称）和短名（简称，以美元符号开头表示），详细说明见表2.1。

表2.1　RegExp的静态属性

长名 短名 说明

input $_ 最后用于匹配的字符串，即传递给exec（）或test（）方法的字符串

lastMatch $& 最后匹配的字符

lastParen $+ 最后匹配的分组

leftContext $` 在上次匹配之前的子字符串

multiline $* 用于指定是否所有表达式都使用多行模式的布尔值

rightContext $' 在上次匹配之后的子字符串

在下面的这个示例中借助正则表达式的静态属性，匹配字符串“Javascript”，不区分大小写：

vars="Javascript,notJavascript";

varr=/（Java）Script/gi;

vara=r.exec（s）;

alert（RegExp.input）; //"Javascript,notJavascript"

alert（RegExp.leftContext）; //空字符串，因为在第一次匹配操作时，左侧没有内容

alert（RegExp.rightContext）; //",notJavascript"

alert（RegExp.lastMatch）; //"Javascript"

alert（RegExp.lastParen）; //"Java"

上面示例演示了正则表达式的几个静态属性的用法。

input属性实际上存储的是被执行匹配的字符串，即整个字符串“Javascript,notJavascript”。

leftContext属性存储的是执行第一次匹配之前的子字符串，这里为空，因为在第一次匹配时文本“Javascript”左侧为空，而rightContext属性存储的是执行第一次匹配之后的子字符串，即为“,notJavascript”。

lastMatch属性包含的是第一次匹配的子字符串，即为“Javascript”。

lastParen属性包含的是第一次匹配的分组，即为“Java”。

如果模式中包含多个分组，则会显示最后一个分组所匹配的字符。

例如：

varr=/（Java）（Script）/gi;

vara=r.exec（s）;  //执行匹配操作

alert（RegExp.lastParen）;  //返回"Script"，而不再是"Java"

也可以使用短名来读取这些属性所包含的值，考虑到这些短名不符合JavaScript语法规范，因此必须使用中括号运算符来进行读取操作。

不过对于$_属性来说，由于它符合JavaScript标识符语法规范，因此可以直接使用。

例如，针对上面示例也可以这样设计：

vars="Javascript,notJavascript";

varr=/（Java）（Script）/gi;

vara=r.exec（s）;

alert（RegExp.$_）;  //"Javascript,notJavascript"

alert（RegExp["$`"]）; //空字符串

alert（RegExp["$'"]）; //",notJavascript"

alert（RegExp["$&"]）; //"Javascript"

alert（RegExp["$+"]）; //"Java"

这些属性的值都是动态的，每次执行exec（）或test（）方法时，所有属性值都会被重新设置。

当在下面示例中执行第一次匹配和第二次匹配时，这些静态属性值都会实时动态更新。

vars="Javascript,notJavascript";

varr=/Scrip（t）/gi; //第一次定义的匹配模式

vara=r.exec（s）; //执行第一次匹配

alert（RegExp.$_）; //"Javascript,notJavascript"

alert（RegExp["$`"]）; //"Java"

alert（RegExp["$'"]）; //",notJavascript"

alert（RegExp["$&"]）; //"Script"

alert（RegExp["$+"]）; //"t"

varr=/Jav（a）/gi; //第二次定义的匹配模式

vara=r.exec（s）; //执行第二次匹配

alert（RegExp.$_）;  //"Javascript,notJavascript"

alert（RegExp["$`"]）; //空字符串

alert（RegExp["$'"]）; //"Script,notJavascript"

alert（RegExp["$&"]）; //"Java"

alert（RegExp["$+"]）; //"a"

通过上面的示例可以看出，RegExp对象的静态属性是公共的，对于所有正则表达式来说是可以共享的，因此这些静态属性的值也是实时变化的。

multiline属性与上面几个属性不同，它不会根据每次执行的操作进行实时更新，并且还可以控制所有正则表达式的m标志项。

例如：

vars="a\nb\nc";

varr=/\w+$/g;  //定义匹配模式

vara=s.match（r）; //执行默认匹配，返回数组["c"]

RegExp.multiline=true; //动态设置模式为多行匹配

vara=s.match（r）; //["a","b","c"]

提示：

IE和Opera浏览器不支持RegExp.multiline属性，考虑到浏览器的兼容性，不建议读者使用这种动态方式设置正则表达式的多行匹配模式。

建议43：

使用exec增强正则表达式功能

RegExp对象定义了两个用于执行模式匹配操作的方法，它们的行为与String对象的正则表达式操作方法类似。

例如，RegExp对象的exec方法与String对象的match方法相似，只不过exec是以字符串为参数的RegExp对象方法，而match方法是以正则表达式为参数的String对象方法。

在非全局模式下，它们的返回值是相同的。

在所有RegExp模式匹配方法和String模式匹配方法中，exec方法的功能最强大。

作为正则表达式的通用匹配方法，exec方法比RegExp.test（）、String.search（）、String.replace（）和String.match（）都复杂。

该方法需要一个参数，用来执行要执行操作的字符串并返回一个数组，此数组中存放的是匹配结果。

如果没有找到匹配的文本，返回值为null。

例如：

vars="javascript";

varr=/java/g;

vara=r.exec（s）; //["java"]

exec方法的工作机制是这样的：

当调用方法时，先检索字符串参数，从中获取与正则表达式相匹配的文本。

如果找到了匹配的文本，就会返回一个数组；否则，返回null。

对返回数组的元素的具体说明如下：

第0个元素，是与表达式相匹配的文本。

第1个元素，是与正则表达式的第1个子表达式相匹配的文本（如果存在）。

第2个元素，是与正则表达式的第2个子表达式相匹配的文本，依此类推。

返回数组还包含几个属性，具体说明如下：

length，该属性声明的是数组中的元素个数。

index，该属性声明的是匹配文本的第一个字符的位置。

input，该属性包含的是整个字符串。

当调用非全局模式的正则表达式对象的exec方法时，返回的数组与调用字符串对象的match方法返回的数组是完全相同的。

当执行全局匹配模式时，exec的行为就略有变化。

这时它会定义lastIndex属性，以指定下一次执行匹配时开始检索字符串的位置。

在找到了与表达式相匹配的文本之后，exec方法将把正则表达式的lastIndex属性设置为下一次匹配执行的第一个字符的位置。

也就是说，可以通过反复地调用exec方法来遍历字符串中的所有匹配文本。

当exec再也找不到匹配的文本时，将返回null，并且把属性lastIndex重置为0。

在下面的这个示例中，定义正则表达式直接量，用来匹配字符串s中每个字符。

在循环结构的条件表达式中反复执行匹配模式，并将返回结果的值是否为null作为循环条件。

当返回值为null时，说明字符串检测完毕。

然后，读取返回数组a中包含的匹配子字符串，并调用该数组的属性index和lastIndex，其中index显示当前匹配子字符串的起始位置，而lastIndex属性显示下一次匹配操作的起始位置。

例如：

vars="javascript";  //测试使用的字符串直接量

varr=/\w/g;   //匹配模式

while（（a=r.exec（s））!

=null）{ //循环执行匹配操作

   alert（a[0]+"\n"+a.index +"\n"+ r.lastIndex）;/*显示每次匹配操作时返回的结果数组信息*/

}

实际上通过循环结构反复调用exec方法是唯一获得全局模式的完整模式匹配信息的方法。

无论正则表达式是否为全局模式，exec方法都会将完整的细节添加到返回数组中。

字符串对象的match方法就不同，它在全局模式下返回的数组中不会包含这么多的细节信息。

建议44：

正确使用原子组

正则表达式引擎支持一种称做原子组的属性。

原子组写作（?

>…），也称为“贪婪”子表达式，省略号表示任意正则表达式模板、非捕获组和一个特殊的扭曲。

存在于原子组中的正则表达式组中的任何回溯点都将被丢弃。

这就为HTML正则表达式的回溯问题提供了一个更好的解决办法：

如果将[\s\S]*?

序列和它后面的HTML标记一起放在一个原子组中，所需的HTML标签被发现一次，这次匹配基本上就被锁定了。

如果正则表达式的后续部分匹配失败，原子组中的量词没有记录回溯点，那么[\s\S]*?

序列就不能扩展到已匹配的范围之外。

但是，JavaScript不支持原子组，也不提供其他方法消除不必要的回溯。

不过，可以利用前瞻过程中一项鲜为人知的行为来模拟原子组：

前瞻也是原子组。

不同的是，前瞻在整个匹配过程中不消耗字符，前瞻只是检查自己包含的模板是否能在当前位置匹配。

然而，可以避开这点，在捕获组中包装一个前瞻模板，在前瞻之外向它添加一个后向引用。

（?

=（patterntomakeatomic））\1

在任何使用原子组的模式中这个结构都是可重用的。

只要记住，需要使用适当的后向引用次数，如果正则表达式包含多个捕获组。

HTML正则表达式在使用此技术后的修改如下：

/（?

=（[\s\S]*?

））\1（?

=（[\s\S]*?