Bản mô tả sử dụng từ khóa “const” và loại tiện ích “chỉ đọc” làm kiểu dữ liệu để khởi tạo các biến hoặc thuộc tính. Theo tên gọi và chức năng của chúng, cả hai loại dữ liệu này khá khác nhau nhưng đôi khi người dùng bị nhầm lẫn khi chúng được sử dụng trong cùng một mã nguồn. Hướng dẫn này giải thích sự khác biệt giữa từ khóa TypeScript “const” và loại tiện ích “chỉ đọc”.
Trước tiên, hãy xem thông tin cơ bản về các loại tiện ích “const” và “readonly”.
Từ khóa 'const' của TypeScript là gì?
Các ' hằng số ” từ khóa chỉ định rằng biến đã cho là hằng số, nghĩa là giá trị của nó không thể thay đổi được sau khi đã được gán. Nó coi biến đã chỉ định là một hằng số tại thời điểm biên dịch.
Hãy xem nó thực tế với sự trợ giúp của mã đã cho.
Mã số
Sao chép các dòng mã trong tệp “.ts” của dự án TypeScript:
const a = 100 ;một = năm mươi ;
bảng điều khiển.log ( Một ) ;
Trong các dòng mã nêu trên:
-
- Các ' hằng số ” khởi tạo từ khóa “ Một ” như một biến không đổi.
- Tiếp theo, giá trị biến “a” không đổi được sửa đổi.
- Cuối cùng, “ nhật ký() ” hiển thị giá trị biến “a”.
Có thể thấy rằng trình soạn thảo cũng tạo ra lỗi khi sửa đổi giá trị biến “a” không đổi sau khi khởi tạo.
đầu ra
tsc chính.ts // Biên dịch tệp .tsnút main.js // Chạy tệp .js
Người ta quan sát thấy rằng trong quá trình biên dịch, một lỗi được tạo ra chỉ định giá trị biến “a” không thể thay đổi vì nó là một hằng số.
Loại tiện ích chỉ đọc TypeScript là gì?
Bây giờ hãy chuyển sang sự khác biệt giữa từ khóa TypeScript “const” và loại tiện ích “chỉ đọc”.
Giải thích Loại tiện ích 'const' và 'chỉ đọc' TypeScript
Sự khác biệt chính giữa từ khóa TypeScript “const” và loại tiện ích “chỉ đọc” được nêu ở đây:
-
- Đang làm việc: Từ khóa “const” chỉ ra rằng không thể sửa đổi giá trị “biến” sau khi khởi tạo trong khi loại tiện ích “chỉ đọc” chỉ định rằng giá trị “thuộc tính/biến” không thể thay đổi sau khi đã được đặt.
- Cách sử dụng: Từ khóa “const” chỉ được sử dụng cho các biến để làm cho chúng không đổi. Mặt khác, loại tiện ích “chỉ đọc” được sử dụng cho “thuộc tính và biến” là một phần của giao diện hoặc đối tượng.
- sửa đổi: Các biến “const” hoàn toàn không thể được sửa đổi trong khi các thuộc tính “chỉ đọc” có thể được sửa đổi thời gian chạy với sự trợ giúp của các phương thức JavaScript.
Phần kết luận
Trong TypeScript, “ hằng số ” từ khóa và “ chỉ đọc ” loại tiện ích khác nhau trên cơ sở“ đang làm việc ”, “ cách sử dụng ', và ' sửa đổi ' các nhân tố. Sự khác biệt chính giữa chúng là “const” chỉ làm cho biến không đổi trong khi “chỉ đọc” làm cho cả biến và thuộc tính không đổi. Hướng dẫn này giải thích sâu về loại tiện ích TypeScript “const” và “readonly”.