缩小：使用正则表达式从JavaScript代码中删除换行符

Question

纯粹出于混淆的目的，前三行似乎很好地清除了脚本中不必要的输入。

1. 谁能告诉我1-4行实际上是做什么的？ 从试验和错误中我唯一了解的是，如果我注释掉第四行，则该站点可以正常运行，如果我将其保留在原处，则该站点会中断。

    <?php header("Content-type: text/javascript; charset=UTF-8"); ob_start("compress"); function compress($buffer) { # remove extra or unneccessary new line from javascript $buffer = preg_replace('/([;])\\s+/', '$1', $buffer); $buffer = preg_replace('/([}])\\s+(else)/', '$1else', $buffer); $buffer = preg_replace('/([}])\\s+(var)/', '$1;var', $buffer); $buffer = preg_replace('/([{};])\\s+(\\$)/', '$1\\$', $buffer); return $buffer; } 

2. 是否有更好的方法从JavaScript中删除一个或多个行输入？

Answer 1

解剖所有四个正则表达式

让我们尝试剖析每个正则表达式。

第一个正则表达式

$buffer = preg_replace('/([;])\s+/', '$1', $buffer);

说明

(      # beginning of the first capturing group
 [;]   # match the literal character ';'
)      # ending of the first capturing group
\s+    # one or more whitespace characters (including newlines)

上面的正则表达式删除了分号后立即出现的所有空格。 ([;])是捕获组，这意味着如果找到匹配项，则将其存储到反向引用中，因此我们以后可以使用它。 例如，如果我们的字符串是foo; <space><space> foo; <space><space> ，则表达式将匹配; 和空格字符。 这里的替换模式是$1 ，这意味着整个匹配的字符串将仅用分号替换。

---

第二个正则表达式

$buffer = preg_replace('/([}])\s+(else)/', '$1else', $buffer);

说明

(      # beginning of the first capturing group
 [}]   # match the literal character ';'
)      # ending of the first capturing group
\s+    # one or more whitespace characters
(else) # match and capture 'else'

上述正则表达式中移除的封闭大括号（之间任何空白} ）和else 。 这里的替换模式是$1else ，这意味着带有空格的字符串将被第一个捕获组([}]) （只是分号）捕获的内容替换，后跟关键字else 。 没什么。

---

第三正则表达式

$buffer = preg_replace('/([}])\s+(var)/', '$1;var', $buffer);

说明

(      # beginning of the first capturing group
 [}]   # match the literal character ';'
)      # ending of the first capturing group
\s+    # one or more whitespace characters
(var)  # match and capture 'var'

这与以前的正则表达式相同。 唯一的区别是关键字var而不是else 。 在JavaScript中，分号字符是可选的。 但是，如果你想编写多条语句的单行线，有没有办法解释就知道他们是多条线路，因此; 将需要用于终止每个语句。

---

第四正则表达式

$buffer = preg_replace('/([{};])\s+(\$)/', '$1\$', $buffer);

说明

(      # beginning of the first capturing group
 [{};] # match the literal character '{' or '}' or ';'
)      # ending of the first capturing group
\s+    # one or more whitespace characters
(      # beginning of the second capturing group
 \$    # match the literal character '$'
)      # ending of the second capturing group

这里的替换模式是$1\\$ ，这意味着整个匹配的字符串将替换为第一个捕获组([{};])匹配的字符串，后跟一个文字$字符。

边注

这个答案仅是为了解释这四个正则表达式及其作用。 表达式可以改进很多，但是我不打算讨论，因为这不是正确的方法。 正如Qtax在评论中指出的那样， 您确实应该使用适当的JS压缩程序来完成此任务。 您可能要检查一下Google的Closure Compiler ，它看起来很整洁。

如果您仍然对它的工作方式感到困惑，请不要担心。 开始时学习正则表达式可能很困难。 我建议您使用此网站-http://regularexpressions.info 。 它是学习正则表达式的相当不错的资源。 如果您正在寻找一本书，则可能需要阅读Jeffrey Friedl的Mastering Regular Expressions 。