JavaScript - Biến
Xin chào, tương lai của ngôi sao lập trình! ? Chào mừng bạn đến với hành trình đầy.exciting vào thế giới của các biến JavaScript. Là một giáo viên khoa học máy tính gần gũi, tôi rất vui mừng được hướng dẫn bạn qua khái niệm cơ bản này. Vậy, hãy đeo mũ suy nghĩ ảo của bạn, và chúng ta cùng nhảy vào!
Biến JavaScript
Hãy tưởng tượng bạn đang tổ chức một bữa tiệc (vì ai lại không yêu thích một buổi tiệc lập trình, phải không?). Bạn cần một nơi để lưu trữ tất cả thông tin quan trọng - như cần bao nhiêu pizza, ai sẽ đến, và sẽ chơi những trò gì. Trong JavaScript, các biến giống như những hộp lưu trữ cho kế hoạch tổ chức tiệc của bạn. Chúng giữ dữ liệu chúng ta cần để chương trình hoạt động.
Hãy bắt đầu với một ví dụ đơn giản:
let partyGuests = 10;Ở đây, chúng ta đã tạo một biến叫做 partyGuests và gán giá trị 10 cho nó. Điều này giống như viết trên một note dán, "Chúng ta đang mong đợi 10 khách."
Khai báo Biến trong JavaScript
Bây giờ, hãy nói về cách chúng ta thực sự tạo ra những biến này. Trong JavaScript, chúng ta có ba cách để khai báo biến:
-
var- Cách cũ (vẫn hoạt động, nhưng có một số đặc điểm kỳ lạ) -
let- Cậu bé mới mẻ (sử dụng này cho các biến có thể thay đổi) -
const- Người bảo vệ vững chắc (sử dụng này cho các biến không thay đổi)
Hãy xem chúng trong hành động:
var oldSchoolCool = "Tôi là một biến var";
let modernAndFlexible = "Tôi là một biến let";
const rockSolid = "Tôi là một biến const";Hãy nghĩ của var như là đĩa than của ông nội bạn, let như là đĩa CD có thể ghi lại, và const như là bài hát yêu thích mà bạn không bao giờ muốn thay đổi.
Khởi tạo Biến bằng Опerator Gán
Nhớ lại dấu = từ lớp toán? Trong JavaScript, nó được gọi là Опerator gán. Nó giống như một cây c魔术杖 đặt giá trị vào các biến của chúng ta:
let magicNumber; // Khai báo
magicNumber = 42; // Khởi tạo
// Hoặc chúng ta có thể làm cả hai cùng một lúc:
let theAnswerToEverything = 42;Mẹo chuyên nghiệp: Luôn khởi tạo các biến của bạn. Điều này giống như đảm bảo bạn đã đặt thức ăn vào tủ lạnh trước khi mời bạn bè đến!
Các Loại Dữ liệu JavaScript
JavaScript rất linh hoạt khi nói đến loại dữ liệu chúng ta có thể lưu trữ trong các biến. Dưới đây là các loại chính:
| Loại Dữ liệu | Ví dụ | Mô tả |
|---|---|---|
| Number | let age = 25; |
Đối với các giá trị số |
| String | let name = "Alice"; |
Đối với văn bản |
| Boolean | let isAwesome = true; |
Đối với các giá trị true/false |
| Undefined | let mystery; |
Đối với các biến không có giá trị |
| Null | let emptyBox = null; |
Đối với các biến trống rỗng |
| Object | let person = {name: "Bob", age: 30}; |
Đối với cấu trúc dữ liệu phức tạp |
| Array | let fruits = ["apple", "banana", "cherry"]; |
Đối với danh sách các mục |
Hãy xem chúng trong hành động:
let myAge = 30;
let myName = "JavaScript Ninja";
let canCode = true;
let futureSkill;
let emptyMind = null;
let myProfile = {job: "Coder", hobby: "Uống cà phê"};
let myTodoList = ["Học JS", "Xây dựng những điều tuyệt vời", "Thay đổi thế giới"];
console.log(typeof myAge); // Output: number
console.log(typeof myName); // Output: string
console.log(typeof canCode); // Output: boolean
console.log(typeof futureSkill); // Output: undefined
console.log(typeof emptyMind); // Output: object (đây là một đặc điểm kỳ lạ trong JavaScript!)
console.log(typeof myProfile); // Output: object
console.log(typeof myTodoList); // Output: object (mảng là một loại đối tượng đặc biệt trong JS)Tên Biến trong JavaScript (Identifiers)
Đặt tên cho biến giống như đặt tên cho thú cưng - có những quy tắc, nhưng bạn vẫn có thể sáng tạo! Dưới đây là các quy tắc chính:
- Bắt đầu bằng một chữ cái, dấu gạch dưới (_) hoặc dấu dollar ($)
- Có thể chứa chữ cái, số, dấu gạch dưới hoặc dấu dollar
- Cảm thụ chữ hoa/ chữ thường (myVar ≠ myvar)
- Không thể sử dụng từ khóa保留 (như
let,const,function, v.v.)
Ví dụ tốt:
let camelCase = "Tôi được đặt tên theo một con động vật lồi lồi";
let _underscoreFirst = "Tôi bắt đầu bằng một dấu gạch dưới";
let $dollarSign = "Tôi cảm thấy giàu có";
let mix123 = "Tôi là sự kết hợp của chữ cái và số";Ví dụ không tốt:
let 123abc = "Tôi bắt đầu bằng một số, vì vậy tôi không hợp lệ";
let my-variable = "Dấu gạch nối không được phép trong tên biến";
let let = "Tôi là một từ khóa, vì vậy tôi không được phép sử dụng";Dấu Dollar ($) và Dấu Gạch Dưới (_)
Dấu dollar ($) và dấu gạch dưới (_) là các ký tự đặc biệt trong JavaScript. Chúng thường được sử dụng trong tên thư viện hoặc cho các mục đích đặc biệt:
let $_$ = "Tôi là một tên biến hợp lệ, nhưng tôi trông kỳ lạ";
let _privateVariable = "Tôi thường được sử dụng để chỉ biến private";
let $jQueryObject = "Tôi thường được sử dụng trong jQuery để đại diện cho một đối tượng jQuery";Giá trị Biến Undefined trong JavaScript
Khi bạn khai báo một biến mà không khởi tạo nó, nó nhận một giá trị đặc biệt gọi là undefined:
let myFuturecar;
console.log(myFuturecar); // Output: undefined
// Điều này khác với null:
let myEmptyGarage = null;
console.log(myEmptyGarage); // Output: nullHãy nghĩ của undefined như "Tôi quên đặt giá trị ở đây," và null như "Tôi cố ý để trống này."
Phạm vi Biến trong JavaScript
Phạm vi trong JavaScript giống như khả năng nhìn thấy của một ninja. Một số biến có thể nhìn thấy ở mọi nơi (phạm vi toàn cục), trong khi những biến khác chỉ nhìn thấy trong một khu vực nhất định (phạm vi cục bộ).
let globalNinja = "Tôi có thể nhìn thấy mọi nơi!";
function stealthMission() {
let localNinja = "Tôi chỉ nhìn thấy trong hàm này";
console.log(globalNinja); // Điều này hoạt động
console.log(localNinja); // Điều này cũng hoạt động
}
console.log(globalNinja); // Điều này hoạt động
console.log(localNinja); // Điều này gây ra lỗi - localNinja không được định nghĩa ở đâyNhớ lại, những gì xảy ra ở Vegas... tôi có nghĩa là trong một hàm, vẫn ở trong hàm (trừ khi bạn cố ý trả nó về).
Và thế là bạn đã có nó, học viên lập trình của tôi! Bạn đã nâng cấp kỹ năng JavaScript của mình. Nhớ rằng, thực hành làm nên完美, vì vậy hãy tiếp tục lập trình và thử nghiệm. Trước khi bạn biết, bạn sẽ xử lý các biến như một nghệ sĩ xiếc! ??♀️
Chúc bạn lập trình vui vẻ, và hy vọng các biến luôn ở bên bạn! ?✨
Credits: Image by storyset