TypeScript Minifier - ย่อ TypeScript/JSX ออนไลน์

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

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

🚀 122,463 การแปลงทั้งหมด (55 ในเดือนนี้)

บทนำ

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

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

  1. วางโค้ด TypeScript ของคุณลงในตัวแก้ไขหรือพิมพ์ลงไปโดยตรง
  2. คลิกปุ่ม Minify เพื่อบีบอัดโค้ด TypeScript ของคุณ
  3. หลังจากบีบอัดแล้ว คุณสามารถ:
    • ดาวน์โหลดผลลัพธ์ที่ปรับปรุงแล้ว
    • บันทึกหรือแชร์โดยใช้ลิงก์เฉพาะ
    • ลงชื่อเข้าใช้ด้วย Google หรือ GitHub เพื่อบันทึกโค้ดที่บีบอัดไว้สำหรับการใช้งานในอนาคต

TypeScript คืออะไร?

TypeScript เป็นภาษาการเขียนโปรแกรมที่มีการกำหนดประเภทอย่างเข้มงวด ซึ่งขยาย JavaScript ด้วยประเภทสถิติเสริม เป็นส่วนขยายทางไวยากรณ์ของ JavaScript หมายความว่าโค้ด JavaScript ที่ถูกต้องทั้งหมดก็เป็นโค้ด TypeScript ที่ถูกต้องเช่นกัน

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

เรียนรู้เพิ่มเติมเกี่ยวกับ TypeScript จาก เอกสาร TypeScript อย่างเป็นทางการ .

ไวยากรณ์ของ TypeScript

      
// โปรแกรม TypeScript เพื่อแก้สมการกำลังสอง
let root1: number, root2: number;

// รับข้อมูลจากผู้ใช้
const a: number = parseFloat(prompt("ป้อนตัวเลขแรก: "));
const b: number = parseFloat(prompt("ป้อนตัวเลขที่สอง: "));
const c: number = parseFloat(prompt("ป้อนตัวเลขที่สาม: "));

// คำนวณตัวแยก
const 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 {
    const realPart = (-b / (2 * a)).toFixed(2);
    const imagPart = (Math.sqrt(-discriminant) / (2 * a)).toFixed(2);

    // ผลลัพธ์
    console.log(
    `รากของสมการกำลังสองคือ ${realPart} + ${imagPart}i และ ${realPart} - ${imagPart}i`
  );
}
      
    

การบีบอัดคืออะไร?

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

ทำไมต้องบีบอัด TypeScript?

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

เพื่อบีบอัดไฟล์ TypeScript คอมเมนต์และช่องว่างพิเศษจำเป็นต้องถูกลบออก และชื่อตัวแปรควรถูกย่อให้สั้นลงเพื่อลดขนาดโค้ดและขนาดไฟล์ เวอร์ชันไฟล์ที่บีบอัดให้ฟังก์ชันการทำงานเหมือนเดิมในขณะที่ลดแบนด์วิดท์ของคำขอเครือข่าย

ตัวอย่าง

ก่อนบีบอัด

      
// โปรแกรม TypeScript เพื่อหาตัวหารร่วมมาก (HCF) หรือ ตัวหารร่วมมากที่สุด (GCD) ของจำนวนเต็มสองจำนวน

let hcf: number;
// รับข้อมูล
const number1: number = parseInt(prompt('ป้อนจำนวนเต็มบวกแรก: '));
const number2: number = parseInt(prompt('ป้อนจำนวนเต็มบวกที่สอง: '));

// วนลูปจาก 1 ถึง number1 และ number2
for (let i = 1; i <= number1 && i <= number2; i++) {

    // ตรวจสอบว่า i เป็นตัวประกอบของทั้งสองจำนวนเต็มหรือไม่
    if( number1 % i === 0 && number2 % i === 0) {
        hcf = i;
    }
}

// แสดง HCF
console.log(`HCF ของ ${number1} และ ${number2} คือ ${hcf}.`);
      
    

หลังบีบอัด

      
let hcf:number;const number1:number=parseInt(prompt('Enter a first positive integer: '));const number2:number=parseInt(prompt('Enter a second positive integer: '));for(let i=1;i<=number1&&i<=number2;i++){if(number1%i===0&&number2%i===0){hcf=i}}console.log(`HCF ของ ${number1} และ ${number2} คือ ${hcf}.`);