Giới thiệu

Trong bài viết này, chúng ta sẽ tìm hiểu về Readonly properties - một tính năng hữu ích trong TypeScript, giúp chúng ta đảm bảo tính bảo mật và ổn định của dữ liệu.

Khái niệm về Readonly properties

Trong TypeScript, readonly là một từ khóa được sử dụng để đánh dấu một thuộc tính không thể thay đổi sau khi đã được khởi tạo. Điều này có nghĩa là, một khi bạn đã gán giá trị cho một thuộc tính readonly, bạn không thể thay đổi giá trị của nó.

Sử dụng Readonly properties

Để sử dụng readonly, bạn chỉ cần thêm từ khóa readonly trước tên thuộc tính. Dưới đây là một ví dụ về cách sử dụng readonly trong một interface:

interface Point {
    readonly x: number;
    readonly y: number;
}

Trong ví dụ trên, x và y là các thuộc tính readonly. Điều này có nghĩa là bạn không thể thay đổi giá trị của chúng sau khi đã khởi tạo.

let p: Point = { x: 10, y: 20 };
p.x = 5; // Lỗi: không thể gán lại cho 'x' vì nó là một thuộc tính chỉ đọc.

Như bạn thấy, khi chúng ta cố gắng thay đổi giá trị của x, TypeScript sẽ báo lỗi.