คุณสมบัติเด่นของ TypeScript: Static Type Checking, Compiler, Module System

รองรับการตรวจสอบประเภทคงที่

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

ตัวอย่างเช่น:

let age: number = 25;  
let name: string = "John";  
let isActive: boolean = true;  

ใน ตัวอย่างข้างต้น เราประกาศ ตัวแปร age ประเภท number ประเภท และ ประเภท จะตรวจสอบความถูกต้องของงานที่มอบหมายและรายงานข้อผิดพลาดหากพบความคลาดเคลื่อน name string isActive boolean TypeScript

 

การสนับสนุนคอมไพเลอร์และระบบอัตโนมัติ

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

ตัวอย่างเช่น:

// TypeScript code  
const sum =(a: number, b: number): number => {  
  return a + b;  
};  
  
// Transpiled JavaScript code  
var sum = function(a, b) {  
  return a + b;  
};  

 

การตรวจสอบข้อผิดพลาดเวลาคอมไพล์

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

ตัวอย่างเช่น:

const calculateArea =(radius: number): number => {  
  return Math.PI * radius * radius;  
};  
  
console.log(calculateArea("5")); // Lỗi: kiểu dữ liệu không phù hợp  

ในตัวอย่างข้างต้น จะตรวจจับข้อผิดพลาดระหว่างการ คอม TypeScript ไพล์เมื่อเราส่งสตริง "5" ไปยังพารามิเตอร์ radius ประเภท number

 

Module การสนับสนุนระบบ

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

ตัวอย่างเช่น:

// Module A  
export const greeting = "Hello";  
  
// Module B  
import { greeting } from "./moduleA";  
console.log(greeting); // Kết quả: "Hello"  

ในตัวอย่างข้างต้น เรามีสอง โมดูล moduleA และ ส่งออกตัวแปร และ นำเข้า ตัวแปรจาก และใช้งาน moduleB moduleA greeting moduleB greeting moduleA

 

ไวยากรณ์และคุณสมบัติเพิ่มเติม

TypeScript ขยายไวยากรณ์และคุณสมบัติของ JavaScript. ตัวอย่างเช่น TypeScript รองรับคุณสมบัติล่าสุด ECMAScript เช่น ฟังก์ชันลูกศร, async/await, destructuring และ template ตัวอักษร สิ่งนี้ทำให้นักพัฒนาสามารถใช้ประโยชน์จากคุณสมบัติที่ทันสมัยและเขียนโค้ดที่อ่านและเข้าใจได้มากขึ้น

ตัวอย่างเช่น:

const name = "John";  
const message = `Hello, ${name}! Welcome to TypeScript.`;  
console.log(message); // Kết quả: "Hello, John! Welcome to TypeScript."  

ในตัวอย่างข้างต้น เราใช้ตัวอักษรแม่แบบเพื่อสร้างสตริงที่มี name ตัวแปร

 

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