Giới thiệu

Trong bài này chúng ta sẽ tìm hiểu về chủ đề Generics và Unions rất thông dụng .

Soạn các loại

Trong TypeScript, bạn có thể tạo các kiểu phức tạp bằng cách kết hợp các kiểu đơn giản. Có hai cách phổ biến để làm như vậy: với U nions và với Generics .

đoàn thể

Với sự trợ giúp của Unions, bạn có thể khai báo kiểu có thể có nhiều giá trị và nó có thể chấp nhận bất kỳ một trong các giá trị nào. Ví dụ: bạn có thể mô tả một booleanloại là truehoặc false:

type myBool = true | false;

type windowStates = "open" | "closed" | "minimized";
type positiveNumber = 1 | 3 | 5 | 7 | 9;

Generics trong TypeScript cho phép bạn viết mã có thể sử dụng lại để có thể hoạt động với nhiều loại. Chúng cho phép bạn xác định một chức năng, lớp hoặc giao diện có thể hoạt động với bất kỳ loại nào mà không cần chỉ định loại chính xác cho đến khi mã được sử dụng. Ví dụ:

function identity<T>(arg: T): T {
    return arg;
}

Khi gọi hàm này, bạn chỉ định loại mà T sẽ được thay thế bằng cách sử dụng dấu ngoặc nhọn và cung cấp loại. Ví dụ:

let output = identity<string>("myString"); // type of output will be 'string'
let output = identity<number>(1);  // type of output will be 'number'

class GenericNumber<T> {
    zeroValue: T;
    add: (x: T, y: T) => T;
}

Để sử dụng lớp này, bạn cần tạo một thể hiện của lớp và chỉ định loại, ví dụ:

let myGenericNumber = new GenericNumber<number>();
myGenericNumber.zeroValue = 0;
myGenericNumber.add = function(x, y) { return x + y; };

class MyClass<T, U> {
    constructor(public arg1: T, public arg2: U) {}
}

let myClass = new MyClass<string, number>("hello", 5);

Bằng cách sử dụng nhiều G generic , bạn có thể tạo các thành phần mạnh mẽ và linh hoạt hơn có thể hoạt động với nhiều loại khác nhau, điều này có thể làm cho mã của bạn linh hoạt hơn và dễ bảo trì hơn.

Phần kết luận

Tóm lại, Generics trong TypeScript là một công cụ mạnh mẽ để tạo các thành phần linh hoạt và có thể tái sử dụng, có thể hoạt động với nhiều loại khác nhau. Bằng cách sử dụng dấu ngoặc nhọn <>để xác định các loại trình giữ chỗ, bạn có thể tạo các loại, hàm, lớp và giao diện chung có thể được chỉ định sau này.

Với khả năng sử dụng nhiều loại chung, bạn có thể tạo các thành phần linh hoạt và mạnh mẽ hơn có thể xử lý nhiều loại khác nhau.

Bằng cách thành thạo việc sử dụng Generics trong TypeScript, bạn có thể đưa mã của mình lên cấp độ tiếp theo về khả năng sử dụng lại và khả năng bảo trì.

Kiểm tra các phần khác của sê-ri TypeScript trên cấu hình trung bình của tôi.
https://medium.com/@vikaskum660.

Hãy theo dõi để biết thêm các bài viết như thế này và theo dõi tôi trên Linkedin và Twitter để được cập nhật cho Phần 4.