Biến JavaScript
Biến là nơi chứa dữ liệu
Biến JavaScript có thể được khai báo theo 4 cách:
- Tự động
- Sử dụng
var
- Sử dụng
let
- Sử dụng
const
Trong ví dụ đầu tiên này, x
, y
và z
là các biến không được khai báo.
Chúng được tự động khai báo khi sử dụng lần đầu:
Ghi chú
Việc luôn khai báo các biến trước khi sử dụng được coi là cách lập trình tốt.
Từ các ví dụ bạn có thể đoán:
- x lưu trữ giá trị 5
- y lưu trữ giá trị 6
- z lưu trữ giá trị 11
Ghi chú
Từ khóa var
được sử dụng trong tất cả các mã JavaScript từ năm 1995 đến năm 2015.
Từ khóa let
và const
đã được thêm vào JavaScript vào năm 2015.
Từ khóa var
chỉ nên được sử dụng trong mã viết cho các trình duyệt cũ hơn.
Hai biến price1
và price2
được khai báo bằng từ khóa const
.
Đây là những giá trị không đổi và không thể thay đổi.
Biến total
được khai báo bằng từ khóa let
.
total
giá trị có thể được thay đổi.
Khi nào nên sử dụng var, let hoặc const?
1. Luôn khai báo biến
2. Luôn sử dụng const
nếu không nên thay đổi giá trị
3. Luôn sử dụng const
nếu không nên thay đổi loại (Mảng và Đối tượng)
4. Chỉ sử dụng let
nếu bạn không thể sử dụng const
5. Chỉ sử dụng var
nếu bạn PHẢI hỗ trợ các trình duyệt cũ.
Giống như đại số
Giống như trong đại số, các biến có giá trị:
let x = 5;
let y = 6;
Giống như trong đại số, các biến được sử dụng trong biểu thức:
let z = x + y;
Từ ví dụ trên, bạn có thể đoán rằng tổng số được tính là 11.
Ghi chú
Các biến là nơi chứa các giá trị.
Mã định danh JavaScript
Tất cả các biến JavaScript phải được xác định bằng tên duy nhất .
Những tên duy nhất này được gọi là số nhận dạng .
Giá trị nhận dạng có thể là tên ngắn (như x và y) hoặc tên mô tả nhiều hơn (tuổi, tổng, tổng khối lượng).
Các quy tắc chung để xây dựng tên cho các biến (mã định danh duy nhất) là:
- Tên có thể chứa các chữ cái, chữ số, dấu gạch dưới và ký hiệu đô la.
- Tên phải bắt đầu bằng một chữ cái.
- Tên cũng có thể bắt đầu bằng $ và _ (nhưng chúng tôi sẽ không sử dụng nó trong hướng dẫn này).
- Tên có phân biệt chữ hoa chữ thường (y và Y là các biến khác nhau).
- Các từ dành riêng (như từ khóa JavaScript) không thể được sử dụng làm tên.
Ghi chú
Mã định danh JavaScript phân biệt chữ hoa chữ thường.
Người điều hành nhiệm vụ
Trong JavaScript, dấu bằng ( =
) là toán tử "gán", không phải toán tử "bằng".
Điều này khác với đại số. Những điều sau đây không có ý nghĩa trong đại số:
x = x + 5
Tuy nhiên, trong JavaScript, điều đó hoàn toàn hợp lý: nó gán giá trị của x + 5 cho x.
(Nó tính giá trị của x + 5 và đặt kết quả vào x. Giá trị của x được tăng thêm 5.)
Ghi chú
Toán tử "bằng" được viết như ==
trong JavaScript.
Các kiểu dữ liệu JavaScript
Các biến JavaScript có thể chứa các số như 100 và các giá trị văn bản như "John Doe".
Trong lập trình, giá trị văn bản được gọi là chuỗi văn bản.
JavaScript có thể xử lý nhiều loại dữ liệu, nhưng hiện tại, chỉ cần nghĩ đến số và chuỗi.
Chuỗi được viết bên trong dấu ngoặc kép hoặc dấu ngoặc đơn. Số được viết không có dấu ngoặc kép.
Nếu bạn đặt một số trong dấu ngoặc kép, số đó sẽ được coi là một chuỗi văn bản.
Khai báo một biến JavaScript
Tạo một biến trong JavaScript được gọi là "khai báo" một biến.
Bạn khai báo một biến JavaScript bằng từ khóa var
hoặc let
:
var carName;
hoặc:
let carName;
Sau khi khai báo, biến không có giá trị (về mặt kỹ thuật là undefined
).
Để gán giá trị cho biến, hãy sử dụng dấu bằng:
carName = "Volvo";
Bạn cũng có thể gán giá trị cho biến khi khai báo nó:
let carName = "Volvo";
Trong ví dụ bên dưới, chúng ta tạo một biến có tên carName
và gán giá trị "Volvo" cho nó.
Sau đó, chúng tôi "xuất" giá trị bên trong đoạn HTML có id="demo":
Ví dụ
<p id="demo"></p>
<script>
let carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
Hãy tự mình thử »Ghi chú
Đó là một cách lập trình tốt để khai báo tất cả các biến ở đầu tập lệnh.
Một tuyên bố, nhiều biến
Bạn có thể khai báo nhiều biến trong một câu lệnh.
Bắt đầu câu lệnh bằng let
và phân tách các biến bằng dấu phẩy :
Một khai báo có thể trải rộng trên nhiều dòng:
Giá trị = không xác định
Trong các chương trình máy tính, các biến thường được khai báo mà không có giá trị. Giá trị có thể là thứ cần phải tính toán hoặc thứ sẽ được cung cấp sau, chẳng hạn như thông tin đầu vào của người dùng.
Một biến được khai báo không có giá trị sẽ có giá trị undefined
.
Biến carName sẽ có giá trị undefined
sau khi thực hiện câu lệnh này:
Khai báo lại các biến JavaScript
Nếu bạn khai báo lại một biến JavaScript được khai báo bằng var
, nó sẽ không mất giá trị.
Biến carName
vẫn sẽ có giá trị "Volvo" sau khi thực hiện các câu lệnh sau:
Ghi chú
Bạn không thể khai báo lại một biến được khai báo bằng let
hoặc const
.
Điều này sẽ không hoạt động:
let carName = "Volvo";
let carName;
Số học JavaScript
Giống như đại số, bạn có thể thực hiện số học với các biến JavaScript bằng cách sử dụng các toán tử như =
và +
:
Bạn cũng có thể thêm chuỗi nhưng chuỗi sẽ được nối với nhau:
Ngoài ra hãy thử điều này:
Ghi chú
Nếu bạn đặt một số trong dấu ngoặc kép, các số còn lại sẽ được coi là chuỗi và được nối với nhau.
Bây giờ hãy thử điều này:
Ký hiệu đô la JavaScript $
Vì JavaScript coi ký hiệu đô la là một chữ cái nên các mã định danh chứa $ là tên biến hợp lệ:
Việc sử dụng ký hiệu đô la không phổ biến lắm trong JavaScript, nhưng các lập trình viên chuyên nghiệp thường sử dụng nó làm bí danh cho hàm chính trong thư viện JavaScript.
Ví dụ: trong thư viện JavaScript jQuery, hàm chính $
được sử dụng để chọn các phần tử HTML. Trong jQuery $("p");
có nghĩa là "chọn tất cả các phần tử p".
Dấu gạch dưới JavaScript (_)
Vì JavaScript coi dấu gạch dưới là một chữ cái nên các mã định danh chứa _ là tên biến hợp lệ:
Việc sử dụng dấu gạch dưới không phổ biến lắm trong JavaScript, nhưng một quy ước giữa các lập trình viên chuyên nghiệp là sử dụng nó làm bí danh cho các biến "riêng tư (ẩn)".