JavaScript Minifier - ย่อโค้ด JS ออนไลน์

ย่อและบีบอัดโค้ด JavaScript ของคุณทันทีด้วยเครื่องมือ JS minifier ออนไลน์ฟรีของเรา ปรับปรุงประสิทธิภาพเว็บไซต์โดยลดขนาดไฟล์และเพิ่มประสิทธิภาพสคริปต์ของคุณ

แท็กต่างๆ: javascript typescript บีบอัดโค้ด ย่อโค้ด

🚀 293,342 การแปลงทั้งหมด (11 ในเดือนนี้)

บทนำ

เครื่องมือบีบอัด JavaScript ออนไลน์นี้ช่วยให้คุณบีบอัดและปรับปรุงโค้ด JavaScript ของคุณได้อย่างรวดเร็วและมีประสิทธิภาพ เป็นวิธีที่ดีในการลดขนาดไฟล์ ปรับปรุงประสิทธิภาพของเว็บไซต์ และทำให้สคริปต์ของคุณมีประสิทธิภาพมากขึ้น

วิธีการใช้เครื่องมือนี้

  1. วางโค้ด JavaScript ของคุณลงในตัวแก้ไขหรือพิมพ์ลงไปโดยตรง
  2. คลิกปุ่ม บีบอัด เพื่อบีบอัดโค้ด JavaScript ของคุณ
  3. หลังจากบีบอัดแล้ว คุณสามารถ:
    • ดาวน์โหลดผลลัพธ์ที่ได้รับการปรับปรุง
    • บันทึกหรือแชร์โดยใช้ลิงก์เฉพาะ
    • เข้าสู่ระบบด้วย 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}.`);