格式化javascript源代码[关闭]答案

【问题标题】：Formating javascript source code [closed]格式化javascript源代码[关闭]
【发布时间】：2010-12-30 08:06:23
【问题描述】：

有很多不可读格式的代码的js文件（所有代码在一行）： JS file

是否有工具可以格式化为“正常”视图？

【问题讨论】：

标签： javascript code-formatting

【解决方案1】：

集成在大多数现代浏览器中的开发人员工具能够清理格式。例如，下面是一个动画 GIF，展示了如何在 Microsoft Edge 中实现这一点：

Chrome 和 Firefox 也存在类似的功能。

如果你想复制/粘贴一大块缩小的代码，还有online solutions。

【讨论】：

我喜欢这个（最好的结果）

【解决方案2】：

大多数 JavaScript 引擎都会美化函数。知道了这一点，这里有一个函数可以帮助您解决问题：

function beautify (code) {
  return new Function(code).toString(0)
    .replace(/^function\s*\w*\s*\(\s*\)\s*{?|;?}?$/g, "")
    .replace(/\n\s{4}/g, "\n").replace(/^\n/, "")
}

如果您使用function.toString(-1)，SpiderMonkey 和 Rhino 也可以取消美化（缩小）它们，以防您需要做相反的事情。我也有一个功能：

function minify (code) {
  new Function(code).toString(-1)
    .replace(/^function\s*\w*\s*\(\s*\)\s*{?|;?}?$/g, "");
}

编辑：看来您只需要为 tinymce.js 执行此操作。你可以download the TinyMCE source code，因为它是开源的。

【讨论】：

【解决方案3】：

Brian Agnew 的链接应该可以正常工作。还有我可以推荐的独立的Polystyle（不过售价 15 美元）。

附带说明，您最好先获得 TinyMCE 的非缩小版本并使用它。一些压缩器不仅会删除换行符，还会更改变量名称和其他代码元素。

【讨论】：

这样格式化代码的原因是什么？它是否提高了效率？
@samuel。它使文件大小大大减小，从而加快了大型 js 文件的下载速度。 @Pekka，完全独立的旁注，但是您经常使用 Skype 吗？如果你想聊聊那个功能请求，我加了你。
下载大小 samuel。一切都与下载大小有关。
@Doug：是的，当然！我现在正忙于一个巨大的项目，剩下的时间不多了，但是来一月份怎么样？
@Pekka，听起来不错！在那之前，我会在这里与您联系。祝你的项目好运！

【解决方案4】：

也看看这个：http://closure-compiler.appspot.com/home;一个谷歌工具。

在格式下选择[Pretty print]

【讨论】：