Biến JavaScript
Trong hướng dẫn này, bạn sẽ học cách tạo các biến để lưu trữ dữ liệu trong JavaScript (let vs var).
Biến là gì?
Các biến là nền tảng cho tất cả các ngôn ngữ lập trình. Các biến được sử dụng để lưu trữ dữ liệu, chẳng hạn như chuỗi văn bản, số, v.v. Dữ liệu hoặc giá trị được lưu trữ trong các biến có thể được đặt, cập nhật và truy xuất bất cứ khi nào cần. Nói chung, các biến là tên tượng trưng cho các giá trị.
Bạn có thể tạo một biến với từ khóa var, trong khi toán tử gán ( =) được sử dụng để gán giá trị cho một biến, như sau:var varName = value;
Ví dụ
var name = "Peter Parker";
var age = 21;
var isMarried = false;Mẹo: Luôn đặt tên có ý nghĩa cho các biến của bạn. Ngoài ra, để đặt tên cho các biến chứa nhiều từ, thường sử dụng camelCase. Trong quy ước này, tất cả các từ sau từ đầu tiên phải có các chữ cái đầu tiên viết hoa, ví dụ: myLongVariableName.
Trong ví dụ trên, chúng ta đã tạo ba biến, biến đầu tiên được gán với giá trị chuỗi, biến thứ hai được gán với một số, trong khi biến cuối cùng được gán với giá trị boolean. Các biến có thể chứa các loại dữ liệu khác nhau, chúng ta sẽ tìm hiểu về chúng trong chương sau.
Trong Javascript, các biến cũng có thể được khai báo mà không cần gán bất kỳ giá trị ban đầu nào cho chúng. Điều này hữu ích cho các biến được cho là chứa các giá trị như đầu vào của người dùng.
Ví dụ
// Declaring Variable
var userName;
// Assigning value
userName = "Clark Kent";Lưu ý: Trong JavaScript, nếu một biến đã được khai báo nhưng chưa được gán giá trị một cách rõ ràng, biến đó sẽ tự động được gán giá trị undefined.
Khai báo nhiều biến cùng một lúc
Ngoài ra, bạn cũng có thể khai báo nhiều biến và đặt giá trị ban đầu cho chúng trong một câu lệnh. Mỗi biến được phân tách bằng dấu phẩy, như minh họa trong ví dụ sau:
Ví dụ
// Declaring multiple Variables
var name = "Peter Parker", age = 21, isMarried = false;
/* Longer declarations can be written to span
multiple lines to improve the readability */
var name = "Peter Parker",
age = 21,
isMarried = false;
Từ khóa let và const ES6
ES6 giới thiệu hai từ khóa mới letvà constđể khai báo các biến.
Từ constkhóa hoạt động giống hệt như let, ngoại trừ các biến được khai báo bằng từ khóa const không thể được gán lại sau này trong mã. Đây là một ví dụ:
Ví dụ
// Declaring variables
let name = "Harry Potter";
let age = 11;
let isStudent = true;
// Declaring constant
const PI = 3.14;
console.log(PI); // 3.14
// Trying to reassign
PI = 10; // errorKhông giống như var, khai báo các biến trong phạm vi hàm , both letvà consttừ khóa khai báo các biến, trong phạm vi cấp khối ( {}). Phạm vi khối có nghĩa là một phạm vi mới được tạo giữa một cặp dấu ngoặc nhọn {}. Chúng ta sẽ thảo luận chi tiết về vấn đề này sau, trong chương về các tính năng của JavaScript ES6 .
Lưu ý: Các từ khóa let và const không được hỗ trợ trong các trình duyệt cũ hơn như IE10. IE11 hỗ trợ chúng một phần. Xem chương các tính năng của JS ES6 để biết cách bắt đầu sử dụng ES6 ngay hôm nay.
Quy ước đặt tên cho các biến JavaScript
Đây là những quy tắc sau để đặt tên cho một biến JavaScript:
- Tên biến phải bắt đầu bằng một chữ cái, dấu gạch dưới (
_) hoặc ký hiệu đô la ($). - Tên biến không được bắt đầu bằng số.
- Tên biến chỉ có thể chứa các ký tự chữ và số (
A-z,0-9) và dấu gạch dưới. - Tên biến không được chứa khoảng trắng.
- Tên biến không được là từ khóa JavaScript hoặc từ dành riêng cho JavaScript .
Lưu ý: Tên biến trong JavaScript có phân biệt chữ hoa chữ thường, nó có nghĩa $myvar và $myVar là hai biến khác nhau. Vì vậy, hãy cẩn thận trong khi xác định tên biến.