TypeScript - let & const: Hướng dẫn dành cho người mới bắt đầu
Xin chào bạn, ngôi sao lập trình tương lai! Hôm nay, chúng ta sẽ cùng lặn vào thế giới đầy.exciting của TypeScript và khám phá hai khái niệm cơ bản: let
và const
. Đừng lo lắng nếu bạn chưa từng viết một dòng mã nào trước đây - tôi sẽ là người bạn thân thiện dẫn đường cho bạn trong cuộc phiêu lưu này.
Hiểu về Biến: Những Block Xây Dựng Của Lập Trình
Trước khi chúng ta nhảy vào let
và const
, hãy nói về biến. Hãy tưởng tượng bạn đang lên kế hoạch cho một bữa tiệc sinh nhật. Bạn cần theo dõi những thứ như số lượng khách, mùi vị của bánh, và chủ đề của buổi tiệc. Trong lập trình, chúng ta sử dụng biến để lưu trữ và quản lý loại thông tin này.
Biến giống như những hộp có nhãn mà chúng ta có thể đặt các loại dữ liệu khác nhau vào. Chúng ta có thể thay đổi những gì bên trong những hộp này (giá trị của biến) khi chương trình của chúng ta chạy.
Bây giờ, hãy khám phá cách TypeScript cung cấp cho chúng ta hai cách đặc biệt để tạo ra những hộp này: let
và const
.
Khai báo một Biến Sử dụng Từ khóa let
let
là gì?
Từ khóa let
được sử dụng để khai báo các biến có thể được gán lại sau này trong mã của bạn. Nó giống như một容器 có thể tái sử dụng mà có thể giữ các giá trị khác nhau theo thời gian.
Cách sử dụng let
Hãy xem một số ví dụ:
let age = 25;
console.log(age); // Output: 25
age = 26;
console.log(age); // Output: 26
let name = "Alice";
console.log(name); // Output: Alice
name = "Bob";
console.log(name); // Output: Bob
Trong ví dụ này, chúng ta đầu tiên khai báo một biến age
và đặt nó là 25. Sau đó, chúng ta thay đổi nó thành 26. Tương tự, chúng ta khai báo name
là "Alice" và sau đó thay đổi nó thành "Bob". Từ khóa let
cho phép chúng ta gán lại các biến này.
Vùng Phạm Vi Block
Một tính năng quan trọng của let
là giới hạn vùng phạm vi block. Điều này có nghĩa là một biến được khai báo bằng let
chỉ có thể truy cập trong block mà nó được khai báo. Một block thường được xác định bởi các dấu ngoặc móc {}
.
if (true) {
let secretCode = 1234;
console.log(secretCode); // Output: 1234
}
console.log(secretCode); // Error: secretCode is not defined
Trong ví dụ này, secretCode
chỉ có thể truy cập trong block if
. Thử sử dụng nó bên ngoài sẽ gây ra lỗi.
Khai báo một Biến Sử dụng Từ khóa const
const
là gì?
Từ khóa const
được sử dụng để khai báo các biến không thể gán lại sau khi được khởi tạo. Hãy nghĩ của nó như một hộp bị niêm phong - một khi bạn đặt thứ gì đó vào, bạn không thể thay đổi nó.
Cách sử dụng const
Hãy xem một số ví dụ:
const PI = 3.14159;
console.log(PI); // Output: 3.14159
PI = 3.14; // Error: Cannot assign to 'PI' because it is a constant.
const DAYS_IN_WEEK = 7;
console.log(DAYS_IN_WEEK); // Output: 7
Trong các ví dụ này, chúng ta khai báo các hằng số cho PI và số ngày trong một tuần. Nếu chúng ta cố gán giá trị mới cho PI, TypeScript sẽ gây ra lỗi.
const
với Đối Tượng và Mảng
Điều quan trọng cần lưu ý là trong khi const
ngăn không cho gán lại, nó không làm cho giá trị bản thân không thể thay đổi. Điều này đặc biệt quan trọng đối với đối tượng và mảng:
const person = {
name: "Charlie",
age: 30
};
person.age = 31; // This is allowed
console.log(person); // Output: { name: "Charlie", age: 31 }
person = { name: "David", age: 25 }; // Error: Cannot assign to 'person' because it is a constant.
Trong ví dụ này, chúng ta có thể thay đổi các thuộc tính của đối tượng person
, nhưng chúng ta không thể gán person
thành một đối tượng hoàn toàn mới.
Khi nào nên sử dụng let
vs const
Dưới đây là một hướng dẫn nhanh về khi nào nên sử dụng từng từ khóa:
Từ khóa | Trường hợp sử dụng |
---|---|
let |
Khi bạn cần gán lại biến sau này |
Cho bộ đếm vòng lặp | |
Khi giá trị có thể thay đổi dựa trên điều kiện | |
const |
Cho các giá trị không nên gán lại |
Để khai báo các hằng số (như PI) | |
Cho các tham chiếu đối tượng và mảng không sẽ không được gán lại |
Các Practices và Lời Khuyên
-
默认使用
const
: Bắt đầu bằng cách sử dụngconst
cho tất cả các biến của bạn. Chỉ chuyển sanglet
nếu bạn thấy bạn cần gán lại biến. -
Tên Miêu Tả: Sử dụng các tên rõ ràng, miêu tả cho biến của bạn. Ví dụ,
userAge
tốt hơn là chỉa
. -
Viết Hoa Hằng Số: Đối với các hằng số thực sự (như PI), sử dụng tên viết hoa với dấu gạch dưới:
const MAX_ARRAY_LENGTH = 100;
. -
一致 性: Nếu bạn đang làm việc trong một nhóm, tuân theo các quy ước của nhóm khi sử dụng
let
vàconst
.
Kết Luận
Chúc mừng! Bạn đã vừa迈出了探索 TypeScript 变量的第一步。Hãy nhớ, let
là người bạn linh hoạt cho phép gán lại, trong khi const
là người bạn vững chắc cho các giá trị không thay đổi.
Trong hành trình lập trình của bạn, bạn sẽ thấy mình sử dụng các từ khóa này thường xuyên. Đừng lo lắng nếu nó cảm thấy khó hiểu ban đầu - với thực hành, nó sẽ trở thành bản năng thứ hai.
Tiếp tục lập trình, hãy tò mò và nhớ rằng: mọi chuyên gia đều từng là người mới bắt đầu. Chúc may mắn với TypeScript!
Credits: Image by storyset