1 <!DOCTYPE html>
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
5 <title></title>
6 <script type="text/javascript">
7 /*
8 这段代码是为JavaScript的String对象添加一个deentityfy 方法，
9 用以替换字符串中得HTML字符（把"替换为”,<替换为<，>替换为>），
10 */
11
12 //在String对象的原型中添加自定方法
13 String.prototype.LiminReplace = function () {
14 //定义要替换的Json对象
15 var RplJson = {
16 //"First": "quot",
17 //"Second": "lt",
18 //"Third": "gt"
19 "quot": ‘"‘,
20 "lt": "<",
21 "gt": ">"
22 };
23 return function () {
24 //正则表达式详解:
25 //[^&;]+ 出现一次或多次除了&和;的字符
26 //([^&;]+) 对它进行一个分组
27 //&([^&;]+); 以&开头，以;结尾
28 return this.replace(/&([^&;]+);/g, function (a, b, c, d) {
29 //我们把方法的参数都打印出来，看看结果是什么
30 for (var i = 0; i < arguments.length; i++) {
31 console.log(arguments[i] + ‘<br/>‘);
32 }
33 console.log(‘===========================<br/>‘);
34
35
36 //详解:
37 //b参数，对应的是正则表达式中匹配的分组的内容，即第一个括号中的内容
38 //举例:
39 //如果传入的字符串是" 那正则一匹配得到的第一个分组的内容就是quot,刚好是RplJson对象的Key值
40 //如果传入的字符串是< 那正则一匹配得到的第一个分组的内容就是lt,刚好是RplJson对象的Key值
41 //如果传入的字符串是> 那正则一匹配得到的第一个分组的内容就是gt,刚好是RplJson对象的Key值
42 var rplStr = RplJson[b];
43
44 //详解:
45 //typeof (rplStr) == ‘string‘ 判断rplStr的值类型是不是一个字符串
46 //为什么要这么判断呢,
47 //var rplStr = RplJson[b]; 参数b作为key在RplJson中可能是不存在的，不存在，取出来的值肯定不是string类型了
48 //如果key存在则返回RplJson对象中key对应的value,否则则不进行替换，返回原始字符串
49 return typeof (rplStr) == ‘string‘ ? rplStr : a;
50 });
51 }
52 }(); //这里自执行一下，否则就是返回函数了
53
54
55 window.onload = function () {
56 document.write("我的名字是"Limin",年龄<20,我的工资>10000".LiminReplace());
57 //结果:
58 //我的名字是"Limin",年龄<20
59
60 //quot被执行了两次替换,打印两次，lt被执行了一次替换，只打印一次,gt被执行了一次替换，只打印一次
61 //function (a, b, c, d) 参数说明
62 //第一个参数很简单，是匹配字符串
63
64 //第二个很诡异，不过每个都看一遍不难得出，第二个参数是正则表达式括号内的匹配的内容（分组内容）
65
66 //第三个参数和容易想到，是匹配项在字符串中的index
67
68 //第四个参数则是原字符串
69
70 }
71 </script>
72 </head>
73 <body>
74
75 </body>
76 </html>
打印结果截图:
时间： 2024-11-03 22:02:09