API 使用入门

Closure 编译器服务已弃用,并将被移除。请考虑改为在本地运行编译器。

Closure Compiler Service API 的 Hello World

Closure Compiler Service 界面非常适合从几行 JavaScript 代码或几个网址开始,但如果您想要自动执行 JavaScript 优化过程或将优化过程构建到一个更大的系统(例如 IDE 扩展)中,则应直接与 Closure Compiler Service API 通信。对于 Closure Compiler Service API 的 Hello World,请按以下步骤操作:

  1. 创建 HTML 网页

    创建一个名为 closure_compiler_test.html 的文件并粘贴以下代码:

    <html>
      <body>
        <form action="https://closure-compiler.appspot.com/compile" method="POST">
        <p>Type JavaScript code to optimize here:</p>
        <textarea name="js_code" cols="50" rows="5">
        function hello(name) {
          // Greets the user
          alert('Hello, ' + name);
        }
        hello('New user');
        </textarea>
        <input type="hidden" name="compilation_level" value="WHITESPACE_ONLY">
        <input type="hidden" name="output_format" value="text">
        <input type="hidden" name="output_info" value="compiled_code">
        <br><br>
        <input type="submit" value="Optimize">
        </form>
      </body>
    </html>
    

    本页面上的表单为您提供了一种使用 HTTP POST 请求调用 Closure Compiler Service API 的简单方式(如果您觉得这样的话)。

    请注意,compilation_level 参数设置为 WHITESPACE_ONLY,这会告知 Closure 编译器服务对代码应用最基本的优化。您可以将此参数的值设置为 SIMPLE_OPTIMIZATIONSADVANCED_OPTIMIZATIONS,以尝试更高级的优化。如需详细了解这些编译级别,请参阅 API 参考文档

  2. 在浏览器中打开该网页

    现在,在浏览器中打开 closure_compiler_test.html。您应该会看到类似以下屏幕截图的页面:

  3. 点击“优化”,将代码提交到 Closure Compiler Service API

    您应该会看到以下生成的代码,其中注释和空格已移除:

    经过优化的 JavaScript 代码版本在功能上等同于原始代码,而且要小得多。您可将此页面的输出内容剪切回您的源文件。

现在,您已经了解了 Closure Compiler Service API 的基础知识,可以在与 Closure Compiler Service API 通信中详细了解如何使用和配置它。