TypeScript Minifier - ย่อ TypeScript/JSX ออนไลน์
ย่อและบีบอัดโค้ด TypeScript หรือ TSX/JSX ของคุณทันทีด้วยเครื่องมือออนไลน์ฟรีของเรา ลดขนาดไฟล์ ทำความสะอาดรูปแบบ และปรับปรุงสคริปต์ให้โหลดเร็วขึ้นและประสิทธิภาพดีขึ้น
บทนำ
เครื่องมือบีบอัด TypeScript ออนไลน์นี้ช่วยให้คุณบีบอัดและปรับปรุงโค้ด TypeScript ของคุณได้อย่างง่ายดาย เหมาะสำหรับการลดขนาดไฟล์ ปรับปรุงประสิทธิภาพ และทำให้สคริปต์ของคุณเหมาะสมสำหรับสภาพแวดล้อมการผลิต
วิธีใช้เครื่องมือนี้
- วางโค้ด TypeScript ของคุณลงในตัวแก้ไขหรือพิมพ์ลงไปโดยตรง
- คลิกปุ่ม Minify เพื่อบีบอัดโค้ด TypeScript ของคุณ
-
หลังจากบีบอัดแล้ว คุณสามารถ:
- ดาวน์โหลดผลลัพธ์ที่ปรับปรุงแล้ว
- บันทึกหรือแชร์โดยใช้ลิงก์เฉพาะ
- ลงชื่อเข้าใช้ด้วย 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}.`);