JavaScript Minifier - ย่อโค้ด JS ออนไลน์
ย่อและบีบอัดโค้ด JavaScript ของคุณทันทีด้วยเครื่องมือ JS minifier ออนไลน์ฟรีของเรา ปรับปรุงประสิทธิภาพเว็บไซต์โดยลดขนาดไฟล์และเพิ่มประสิทธิภาพสคริปต์ของคุณ
บทนำ
เครื่องมือบีบอัด JavaScript ออนไลน์นี้ช่วยให้คุณบีบอัดและปรับปรุงโค้ด JavaScript ของคุณได้อย่างรวดเร็วและมีประสิทธิภาพ เป็นวิธีที่ดีในการลดขนาดไฟล์ ปรับปรุงประสิทธิภาพของเว็บไซต์ และทำให้สคริปต์ของคุณมีประสิทธิภาพมากขึ้น
วิธีการใช้เครื่องมือนี้
- วางโค้ด JavaScript ของคุณลงในตัวแก้ไขหรือพิมพ์ลงไปโดยตรง
- คลิกปุ่ม บีบอัด เพื่อบีบอัดโค้ด JavaScript ของคุณ
-
หลังจากบีบอัดแล้ว คุณสามารถ:
- ดาวน์โหลดผลลัพธ์ที่ได้รับการปรับปรุง
- บันทึกหรือแชร์โดยใช้ลิงก์เฉพาะ
- เข้าสู่ระบบด้วย Google หรือ GitHub เพื่อบันทึกโค้ดที่บีบอัดไว้สำหรับการใช้งานในอนาคต
JavaScript คืออะไร?
JavaScript เป็นภาษาการเขียนโปรแกรมที่หลากหลายที่ช่วยให้นักพัฒนาสามารถสร้างฟีเจอร์ที่มีการโต้ตอบและไดนามิกบนหน้าเว็บ เช่น แอนิเมชัน การตรวจสอบฟอร์ม และการอัปเดตแบบเรียลไทม์ มันทำงานร่วมกับ HTML และ CSS เพื่อมอบประสบการณ์ผู้ใช้ที่สมบูรณ์
JavaScript เป็นเทคโนโลยีหลักของเว็บและถูกใช้กันอย่างแพร่หลายทั้งในการพัฒนาส่วนหน้าและส่วนหลัง มันได้รับการสนับสนุนโดยเบราว์เซอร์สมัยใหม่ทั้งหมดและเป็นสิ่งจำเป็นสำหรับการสร้างเว็บไซต์และแอปพลิเคชันที่มีการโต้ตอบและตอบสนอง
เรียนรู้เพิ่มเติมเกี่ยวกับ JavaScript จาก คู่มือ JavaScript อย่างเป็นทางการ .
ไวยากรณ์ JavaScript
// โปรแกรมเพื่อแก้สมการกำลังสอง
let root1, root2;
// รับข้อมูลจากผู้ใช้
let a = prompt("ป้อนตัวเลขแรก: ");
let b = prompt("ป้อนตัวเลขที่สอง: ");
let c = prompt("ป้อนตัวเลขที่สาม: ");
// คำนวณตัวแยก
let discriminant = b * b - 4 * a * c;
// เงื่อนไขสำหรับรากที่เป็นจริงและแตกต่างกัน
if (discriminant > 0) {
root1 = (-b + Math.sqrt(discriminant)) / (2 * a);
root2 = (-b - Math.sqrt(discriminant)) / (2 * a);
// ผลลัพธ์
console.log(`รากของสมการกำลังสองคือ ${root1} และ ${root2}`);
}
// เงื่อนไขสำหรับรากที่เป็นจริงและเท่ากัน
else if (discriminant == 0) {
root1 = root2 = -b / (2 * a);
// ผลลัพธ์
console.log(`รากของสมการกำลังสองคือ ${root1} และ ${root2}`);
}
// ถ้ารากไม่เป็นจริง
else {
let realPart = (-b / (2 * a)).toFixed(2);
let imagPart = (Math.sqrt(-discriminant) / (2 * a)).toFixed(2);
// ผลลัพธ์
console.log(
`รากของสมการกำลังสองคือ ${realPart} + ${imagPart}i และ ${realPart} - ${imagPart}i`
);
}
การบีบอัดคืออะไร?
การบีบอัดคือกระบวนการลดขนาดโค้ดและมาร์กอัปในหน้าเว็บและไฟล์สคริปต์ของคุณ เป็นหนึ่งในวิธีหลักที่ใช้ในการลดเวลาในการโหลดและการใช้แบนด์วิดท์บนเว็บไซต์ การบีบอัดช่วยปรับปรุงความเร็วและการเข้าถึงของไซต์อย่างมาก ซึ่งแปลเป็นประสบการณ์ผู้ใช้ที่ดีขึ้นโดยตรง นอกจากนี้ยังเป็นประโยชน์ต่อผู้ใช้ที่เข้าถึงเว็บไซต์ของคุณผ่านแผนข้อมูลที่จำกัดและต้องการประหยัดการใช้แบนด์วิดท์ขณะท่องเว็บ
ทำไมต้องบีบอัด JavaScript?
เมื่อสร้าง JavaScript นักพัฒนามักจะใช้การเว้นวรรค คอมเมนต์ และตัวแปรที่มีชื่อที่ดีเพื่อทำให้โค้ดและมาร์กอัปอ่านง่ายสำหรับตัวเอง นอกจากนี้ยังช่วยผู้อื่นที่อาจทำงานกับสินทรัพย์ในภายหลังได้อีกด้วย แม้ว่านี่จะเป็นข้อดีในระยะการพัฒนา แต่กลับกลายเป็นข้อเสียเมื่อถึงเวลาที่จะให้บริการหน้าเว็บของคุณ เซิร์ฟเวอร์เว็บและเบราว์เซอร์สามารถแยกวิเคราะห์เนื้อหาไฟล์ได้โดยไม่มีคอมเมนต์และโค้ดที่มีโครงสร้างดี ซึ่งทั้งสองอย่างนี้สร้างการรับส่งข้อมูลเครือข่ายเพิ่มเติมโดยไม่ให้ประโยชน์ในการทำงานใดๆ
ในการบีบอัดไฟล์ JavaScript จำเป็นต้องลบคอมเมนต์และช่องว่างเพิ่มเติม รวมถึงบีบอัดชื่อตัวแปรเพื่อลดขนาดโค้ดและขนาดไฟล์ เวอร์ชันไฟล์ที่บีบอัดให้ฟังก์ชันการทำงานเหมือนเดิมในขณะที่ลดแบนด์วิดท์ของการร้องขอเครือข่าย
ตัวอย่าง
ก่อนบีบอัด
// โปรแกรมเพื่อหาตัวหารร่วมมาก (HCF) หรือ ตัวหารร่วมมากที่สุด (GCD) ของจำนวนเต็มสองจำนวน
let hcf;
// รับข้อมูล
const number1 = prompt('ป้อนจำนวนเต็มบวกตัวแรก: ');
const number2 = prompt('ป้อนจำนวนเต็มบวกตัวที่สอง: ');
// ลูปจาก 1 ถึง number1 และ number2
for (let i = 1; i <= number1 && i <= number2; i++) {
// ตรวจสอบว่าเป็นตัวประกอบของจำนวนเต็มทั้งสองหรือไม่
if( number1 % i == 0 && number2 % i == 0) {
hcf = i;
}
}
// แสดง hcf
console.log(`HCF ของ ${number1} และ ${number2} คือ ${hcf}.`);
หลังบีบอัด
let hcf;const number1=prompt('ป้อนจำนวนเต็มบวกตัวแรก: ');const number2=prompt('ป้อนจำนวนเต็มบวกตัวที่สอง: ');for(let i=1;i<=number1&&i<=number2;i++){if(number1%i==0&&number2%i==0){hcf=i}}console.log(`HCF ของ ${number1} และ ${number2} คือ ${hcf}.`);