เริ่มต้นใช้งานแอปพลิเคชัน Closure Compiler
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
Hello World ของแอปพลิเคชัน Closure Compiler
แอปพลิเคชัน Closure Compiler เป็นยูทิลิตีบรรทัดคำสั่ง Java ที่
บีบอัด เพิ่มประสิทธิภาพ และมองหาข้อผิดพลาดใน JavaScript หากต้องการ
ลองใช้แอปพลิเคชัน Closure Compiler กับโปรแกรม JavaScript
อย่างง่าย ให้ทำตามขั้นตอนด้านล่าง
หากต้องการทำแบบฝึกหัดนี้ คุณต้องมี Java Runtime Environment
เวอร์ชัน 7
-
ดาวน์โหลดแพ็กเกจ Closure Compiler
สร้างไดเรกทอรีการทำงานชื่อ closure-compiler
ดาวน์โหลดไฟล์ JAR ที่เผยแพร่ล่าสุดจากที่เก็บ Maven แล้ว
บันทึกไว้ใน closure-compiler
-
สร้างไฟล์ JavaScript
สร้างไฟล์ชื่อ hello.js ที่มี JavaScript ต่อไปนี้
// A simple function.
function hello(longName) {
alert('Hello, ' + longName);
}
hello('New User');
บันทึกไฟล์นี้ในไดเรกทอรี closure-compiler
-
คอมไพล์ไฟล์ JavaScript
เรียกใช้คำสั่งต่อไปนี้จากไดเรกทอรี closure-compiler
java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js
คำสั่งนี้จะสร้างไฟล์ใหม่ชื่อ hello-compiled.js ซึ่งมี JavaScript ต่อไปนี้
function hello(a){alert("Hello, "+a)}hello("New User");
โปรดทราบว่าคอมไพเลอร์ได้นำความคิดเห็น พื้นที่ว่าง และ
เครื่องหมายอัฒภาคที่ไม่จำเป็นออก คอมไพเลอร์ยังแทนที่ชื่อพารามิเตอร์
longName ด้วยชื่อที่สั้นกว่า a ด้วย
ผลลัพธ์ที่ได้คือไฟล์ JavaScript ที่มีขนาดเล็กลงมาก
หากต้องการยืนยันว่าโค้ด JavaScript ที่คอมไพล์แล้วยังคงทำงานได้อย่างถูกต้อง
ให้ใส่ hello-compiled.js ในไฟล์ HTML ดังนี้
<html>
<head><title>Hello World</title></head>
<body>
<script src="hello-compiled.js"></script>
</body>
</html>
โหลดไฟล์ HTML ในเบราว์เซอร์ แล้วคุณจะเห็นข้อความต้อนรับที่เป็นมิตร
ขั้นตอนถัดไป
ตัวอย่างนี้แสดงการเพิ่มประสิทธิภาพที่ง่ายที่สุด
ซึ่งดำเนินการโดย Closure Compiler เท่านั้น ดูข้อมูลเพิ่มเติมเกี่ยวกับความสามารถของคอมไพเลอร์ได้ที่การคอมไพล์ขั้นสูงและไฟล์ภายนอก
หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับแฟล็กและตัวเลือกอื่นๆ สำหรับ Closure
Compiler ให้เรียกใช้ JAR ด้วยแฟล็ก --help
java -jar compiler.jar --help
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-27 UTC
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2025-07-27 UTC"],[[["\u003cp\u003eThe Closure Compiler is a Java command-line tool used to compress, optimize, and debug JavaScript code.\u003c/p\u003e\n"],["\u003cp\u003eThis guide provides a basic example of using the Closure Compiler to minify a simple "Hello World" JavaScript function.\u003c/p\u003e\n"],["\u003cp\u003eThe compiler removes unnecessary elements like comments and whitespace, shortens variable names, and produces a smaller, more efficient JavaScript file.\u003c/p\u003e\n"],["\u003cp\u003eYou can confirm the functionality of the compiled code by including it in an HTML file and loading it in a browser.\u003c/p\u003e\n"]]],[],null,["# Getting Started with the Closure Compiler Application\n\nThe Hello World of the Closure Compiler Application\n---------------------------------------------------\n\n\nThe Closure Compiler application is a Java command-line utility that\ncompresses, optimizes, and looks for mistakes in your JavaScript. To\ntry out the Closure Compiler application with a simple JavaScript\nprogram, follow the steps below.\n\n\nTo work through this exercise you need the Java Runtime Environment\nversion 7.\n\n1. **Download the Closure Compiler package**\n\n\n Create a working directory called `closure-compiler`.\n\n\n Download the most recently released JAR file from the\n [Maven repository](https://mvnrepository.com/artifact/com.google.javascript/closure-compiler), and\n save it in `closure-compiler`.\n2. **Create a JavaScript file**\n\n\n Create a file named `hello.js` containing the following\n JavaScript: \n\n ```carbon\n // A simple function.\n function hello(longName) {\n alert('Hello, ' + longName);\n }\n hello('New User');\n ```\n\n\n Save this file in the `closure-compiler` directory.\n3. **Compile the JavaScript file**\n\n\n Run the following command from\n the `closure-compiler` directory: \n\n ```\n java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js\n ```\n\n\n This command creates a new file\n called `hello-compiled.js`, which contains the following\n JavaScript: \n\n ```text\n function hello(a){alert(\"Hello, \"+a)}hello(\"New User\");\n ```\n\n\n Note that the compiler has stripped comments, whitespace and an\n unnecessary semi-colon. The compiler has also replaced the parameter\n name `longName` with the shorter name `a`. The\n result is a much smaller JavaScript file.\n\n\n To confirm that the compiled JavaScript code still works correctly,\n include `hello-compiled.js` in an HTML file like this\n one: \n\n ```text\n \u003chtml\u003e\n \u003chead\u003e\u003ctitle\u003eHello World\u003c/title\u003e\u003c/head\u003e\n \u003cbody\u003e\n \u003cscript src=\"hello-compiled.js\"\u003e\u003c/script\u003e\n \u003c/body\u003e\n \u003c/html\u003e\n ```\n\n\n Load the HTML file in a browser, and you should see a friendly greeting!\n\n### Next Steps\n\n\nThis example illustrates only the most simple optimizations\nperformed by the Closure Compiler. To learn more about the\ncompiler's capabilities, read [Advanced\nCompilation and Externs](/closure/compiler/docs/api-tutorial3).\n\n\nTo learn more about other flags and options for the Closure\nCompiler, execute the jar with the `--help` flag: \n\n```\njava -jar compiler.jar --help\n```"]]
