TypeScript - Biến: Hướng dẫn cho người mới bắt đầu

Xin chào bạn, ngôi sao lập trình tương lai! Tôi rất vui mừng được làm hướng dẫn viên của bạn trong hành trình thú vị vào thế giới của các biến TypeScript. Với vai trò là người đã dạy lập trình trong nhiều năm, tôi có thể đảm bảo với bạn rằng việc hiểu các biến giống như học骑自行车 - một khi bạn đã nắm vững, bạn sẽ không bao giờ quên! Vậy, chúng ta hãy cùng nhảy vào và làm cho điều này trở nên thú vị nhé?

Khai báo Biến trong TypeScript

Hãy tưởng tượng các biến như những容器 để lưu trữ dữ liệu. Giống như bạn có thể sử dụng các hộp khác nhau để lưu trữ các vật phẩm khác nhau trong nhà, trong TypeScript, chúng ta sử dụng các biến để lưu trữ các loại thông tin khác nhau.

Hãy bắt đầu từ cơ bản:

Trong TypeScript, chúng ta có ba cách để khai báo biến:

| Từ khóa | Mô tả                                        |
|---------|---------------------------------------------|
| var     | Biến có phạm vi hàm hoặc phạm vi toàn cục   |
| let     | Biến có phạm vi khối                         |
| const   | Biến có phạm vi khối không thể gán lại     |

Bây giờ, hãy xem chúng trong hành động!

var myName = "Alice";
let myAge = 25;
const myBirthYear = 1998;

Trong ví dụ này:

• myName là một biến có thể thay đổi và khả dụng trong phạm vi của nó.
• myAge cũng có thể thay đổi nhưng bị giới hạn trong khối nó được định nghĩa.
• myBirthYear là một hằng số, có nghĩa là một khi được đặt, nó không thể thay đổi.

Dưới đây là cách thú vị để nhớ điều này: Hãy tưởng tượng var như một thanh niên tự do roams khắp nơi, let như một người lớn có trách nhiệm hơn stays trong giới hạn, và const như một người cao tuổi cứng đầu từ chối thay đổi cách của họ!

Khẳng định Kiểu trong TypeScript

Bây giờ, hãy nói về khẳng định kiểu. Đó là như nói với TypeScript, " tin tưởng tôi, tôi biết tôi đang làm gì!" Đó là cách nói rằng bạn, người lập trình, biết nhiều hơn về kiểu của một giá trị hơn TypeScript.

Có hai cách để thực hiện khẳng định kiểu:

let someValue: any = "Hello, TypeScript!";
let strLength: number = (<string>someValue).length;

// HOẶC

let otherValue: any = "Hello again, TypeScript!";
let anotherStrLength: number = (someValue as string).length;

Trong cả hai trường hợp, chúng ta đang nói với TypeScript để đối xử với someValue và otherValue như là các chuỗi, mặc dù chúng được khai báo là any.

Hãy tưởng tượng như này: Nếu TypeScript là một người bạn cẩn thận, khẳng định kiểu là bạn nói, " Đừng lo lắng, tôi đã có!"

Tự suy ra Kiểu trong TypeScript

Một trong những điều tuyệt vời nhất về TypeScript là khả năng suy ra kiểu của nó. Đó như có một người bạn rất thông minh có thể đoán được suy nghĩ của bạn!

let favoriteNumber = 7;  // TypeScript suy ra này là một số
let favoriteColor = "blue";  // TypeScript suy ra này là một chuỗi

Trong các ví dụ này, chúng ta không trực tiếp nói với TypeScript kiểu của các biến này, nhưng nó đã tự mình suy ra. Có phải điều đó không tuyệt?

Nhưng hãy nhớ, với quyền lực lớn đi kèm với trách nhiệm lớn. Mặc dù suy ra kiểu rất tiện lợi, nhưng thường tốt hơn nếu bạn nên rõ ràng về kiểu của bạn, đặc biệt trong các dự án lớn hơn. Đó như để lại hướng dẫn rõ ràng cho bản thân bạn hoặc các nhà phát triển khác có thể làm việc với mã của bạn trong tương lai.

Phạm vi Biến trong TypeScript

Hiểu về phạm vi là rất quan trọng trong TypeScript. Đó là tất cả về nơi các biến của bạn sống và ai có thể truy cập chúng.

Phạm vi Khối

if (true) {
let blockScoped = "Tôi chỉ có sẵn trong khối này";
console.log(blockScoped);  // Điều này hoạt động
}
console.log(blockScoped);  // Điều này sẽ gây ra lỗi

Trong ví dụ này, blockScoped như một người bạn nhút nhát chỉ xuất hiện trong một số tình huống (trong khối if).

Phạm vi Hàm

function greet() {
var message = "Hello!";
console.log(message);  // Điều này hoạt động
}
greet();
console.log(message);  // Điều này sẽ gây ra lỗi

Ở đây, message như một bí mật chỉ hàm greet biết. Nó sẽ không chia sẻ với bất kỳ ai bên ngoài!

Phạm vi Toàn cục

let globalVar = "Tôi có sẵn ở mọi nơi!";

function testScope() {
console.log(globalVar);  // Điều này hoạt động
}

testScope();
console.log(globalVar);  // Điều này cũng hoạt động

globalVar như một người bạn luôn xuất hiện ở mọi buổi tiệc - nó có sẵn ở mọi nơi!

Nhớ rằng, mặc dù các biến toàn cục có thể看起来 tiện lợi, nhưng chúng có thể dẫn đến mã khó hiểu và khó bảo trì. Đó như có một phòng bừa lộn xộn - có thể mọi thứ đều có sẵn, nhưng rất khó tìm thấy thứ bạn cần!

Kết luận

Và đây bạn đã có nó, các bạn! Chúng ta đã cùng nhau hành trình qua vùng đất của các biến TypeScript, từ khai báo đến phạm vi. Nhớ rằng, thực hành làm cho hoàn hảo, vì vậy đừng sợ thử nghiệm với các khái niệm này.

Dưới đây là một bí mật nhỏ từ những năm dạy học của tôi: Cách tốt nhất để học là bằng cách mắc lỗi. Vậy, hãy viết mã, làm hỏng thứ gì đó, và sau đó sửa chúng. Đó là cách bạn thực sự hiểu và nhớ các khái niệm này.

TypeScript có thể看起来 đáng sợ ban đầu, nhưng tin tôi đi, một khi bạn đã quen thuộc với nó, bạn sẽ yêu cách nó làm cho mã của bạn an toàn hơn và dễ hiểu hơn. Đó như có một trợ lý giúp bạn bắt lỗi trước khi chúng trở thành vấn đề!

Tiếp tục lập trình, giữ vững sự tò mò, và nhớ - mỗi chuyên gia đều từng là người mới bắt đầu. Bạn làm được!

Credits: Image by storyset