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: letconst. Đừ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.

TypeScript - let & const

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 letconst, 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: letconst.

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

  1. 默认使用 const: Bắt đầu bằng cách sử dụng const cho tất cả các biến của bạn. Chỉ chuyển sang let nếu bạn thấy bạn cần gán lại biến.

  2. 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.

  3. 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;.

  4. 一致 性: 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 letconst.

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