TypeScript 7.0: Generics, Decorators và cách trình biên dịch Go mới tăng tốc phát triển doanh nghiệp lên đến 12x

TypeScript 7.0 biểu hiện một bước tiến đột phá trong phát triển doanh nghiệp với JavaScript, nhờ vào việc triển khai bản địa bằng Go tăng tốc độ build lên đến 12 lần đồng thời Generics và Decorators cung cấp sự an toàn kiểu và mã sạch hơn. TypeScript, ban đầu được tạo ra bởi Microsoft, đã phát triển từ một superset đơn giản của JavaScript trở thành một công cụ thiết yếu cho các đội xây dựng ứng dụng quy mô lớn, và với Generics chúng ta có thể viết thành phần có thể tái sử dụng hoạt động với nhiều loại mà không mất đi độ chính xác trong phân tích kiểu tĩnh.

Ý nghĩa của TypeScript ngày càng nhanh hơn cho phát triển hàng ngày

Một TypeScript nhanh hơn có nghĩa là mọi phần trong quy trình công việc được tối ưu hoá. Việc chờ đợi để trình trình chỉnh sửa tải hoàn toàn dự án chuyển từ một khoảng thời gian nghỉ ngơi thành ngay lập tức. Các trễ về find-all-references, tự động hoàn thành và chẩn đoán giảm xuống chỉ một phần nhỏ thời gian trước đây. Khi bạn chạy tsc, ngay cả ở chế độ --watch, bạn cũng có thể siết chặt vòng lặp phản hồi và lặp lại nhanh hơn bao giờ hết.

So sánh với TypeScript 6.0 mất 125.7 giây để biên dịch codebase của VS Code, TypeScript 7.0 hoàn thành cùng một build chỉ trong 10.6 giây — một cải thiện 11.9 lần. Trong các dự án như Sentry, thời gian biên dịch giảm từ 139.8 giây xuống 15.7 giây (8.9 lần). Các dự án như Bluesky, Playwright và tldraw cũng trải qua sự cải thiện từ 7.7 lần đến 8.7 lần.

Kết quả hiệu suất trên các dự án thực tế

Generics: chìa khóa cho các thành phần có thể tái sử dụng an toàn

Generics là một trong những tính năng mạnh mẽ nhất của TypeScript, cho phép tạo ra các thành phần hoạt động với nhiều kiểu mà không làm mất an toàn kiểu. Một hàm generics như identity nắm bắt kiểu của người dùng và sử dụng nó cả đối số lẫn giá trị trả về:

// Khó Generics: mất thông tin kiểu
function identity(arg: any): any {
    return arg;
}

// Với Generics: giữ nguyên kiểu chính xác
function identity(arg: Type): Type {
    return arg;
}

// Sử dụng
let output = identity("myString"); // kiểu string
let inferred = identity(42); // kiểu number được suy ra

Đối với hàm làm việc với mảng, chúng ta có thể sử dụng Type[] hoặc kiểu Array để truy cập thuộc tính như .length:

function loggingIdentity(arg: Type[]): Type[] {
    console.log(arg.length);
    return arg;
}

Decorators: lập trình meta-beannouncement khai báo cho lớp và phương thức

Decorators cung cấp một cách để thêm ghi chú và cú pháp meta-programming vào các khai báo lớp và thành viên. Chúng được bật bằng tùy chọn experimentalDecorators trong tsconfig.json:

{
  "compilerOptions": {
    "target": "ES5",
    "experimentalDecorators": true
  }
}

Một decorator factory cho phép tùy chỉnh cách áp dụng decorator:

// Decorator factory
function color(value: string) {
    return function (target: any, propertyKey: string, descriptor: PropertyDescriptor) {
        // logic của decorator
    };
}

// Sử dụng
@color("red")
class MyClass {
    method() {}
}

Parallelism và cấu hình nâng cao

TypeScript 7.0 thực hiện nhiều bước parallelly, bao gồm parsing, type checking, và emission. Các cờ --checkers and --builders cho phép điều chỉnh hành vi parallelism:

• --checkers 4: số worker type checker mặc định
• --checkers 8: có thể cải thiện lên tới 16.7x trong các dự án lớn
• --singleThreaded: vô hiệu hoá parallelism hoàn toàn (hữu ích cho việc debug)
• --builders N: kiểm soát số builders của reference projects trong parallelism

Có thể sử dụng @typescript/typescript6 để chạy cùng lúc TypeScript 7 và 6.0, cho phép một sự chuyển đổi dần trong các môi trường doanh nghiệp.

Triển khai trong production và tương thích

TypeScript 7 đã được kiểm chứng bởi các đội Microsoft như Loop, Office, PowerBI, Teams và Xbox. Các công ty như Bloomberg, Canva, Figma, Google, Notion, Sentry, Slack và Vercel cũng đã xác nhận sự ổn định và hiệu suất của nó trên các mã nguồn thực tế.

Hỗ trợ trình biên tập hoạt động với VS Code, Visual Studio, WebStorm và các trình biên tập hiện đại khác thông qua Language Server Protocol (LSP). TypeScript 7 giảm các lệnh ngôn ngữ máy chủ thất bại hơn 80% và số lần crash máy chủ hơn 60% so với TypeScript 6.0.

Kết luận: Di chuyển và thực hành tốt nhất

Sự di chuyển sang TypeScript 7 rất đơn giản: cài đặt bằng npm install -D typescript và chạy npx tsc. Đối với các đội cần duy trì tương thích với các công cụ như typescript-eslint, gói @typescript/typescript6 cho phép sử dụng cả hai phiên bản cùng một lúc. Generics và Decorators, cùng với sức mạnh của trình biên dịch bản địa bằng Go, khiến TypeScript 7 trở thành lựa chọn lý tưởng cho các dự án doanh nghiệp ưu tiên hiệu suất, an toàn và khả năng bảo trì.

Nguồn: TypeScript Blog, TypeScript Generics Documentation, TypeScript Decorators Documentation