为什么 JS 中这些缩小的注释不会破坏代码？

Question

我有一个网页，在将其发送到浏览器之前，我使用 PHP 删除了多个空格、制表符和每个新行。

                    $output = preg_replace('/\n/', '', $output);
                    $output = preg_replace('/( |    ){2,}/', ' ', $output);

现在，重新查看代码，我注意到在 JS 代码中我留下了一些 //comments...

查看源代码可以看到：

[...]lback, args) {     //step == -1 -> loop    if (step > n) {   clearTimeout(tim[...]

为什么这条评论 (//step == -1 -> loop) 不会破坏代码？！

为什么如果我打开检查器，我会看到“顺序”中的元素，就像有“新行”一样？

我认为是“新行”的问题，应该有一些其他字符告诉浏览器行结束并开始另一个，是吗？

如果是，我怎样才能确定将代码移动到一行，如何处理 JS 一行 cmets？

谢谢

Answer 1

您的文件可能正在使用 DOS 类型的换行符（回车 + 换行符，\r\n）。通过替换换行符 (\n)，回车符 (\r) 保留在文件中，这是 Apple 操作系统使用的换行符。

这意味着你所看到的

[...]lback, args) {     //step == -1 -> loop    if (step > n) {   clearTimeout(tim[...]

其实是

[...]lback, args) {\r     //step == -1 -> loop\r    if (step > n) {\r   clear[...]

---

如果您也想删除 cmets（对最小化有意义，但可能会破坏例如 Internet Explorer 条件 cmets），您可以通过

替换它们

$output = preg_replace("/\\/\\/[^\r\n]*", "", $output); // single-line comments
$output = preg_replace("/\\/*[\s\S]*?*\\/", "", $output); // multi-line comments

您应该在替换换行符之前 这样做。