Các biến JavaScript
4 Cách Khai báo Biến JavaScript:
- Sử dụng
var - Sử dụng
let - Sử dụng
const - Không sử dụng gì
Biến là gì?
Biến là vùng chứa để lưu trữ dữ liệu (lưu trữ các giá trị dữ liệu).
Trong ví dụ này x, yvà z, là các biến, được khai báo bằng vartừ khóa:
Thí dụ
var x = 5;
var y = 6;
var z = x + y;
Trong ví dụ này x, yvà z, là các biến, được khai báo bằng lettừ khóa:
Thí dụ
let x = 5;
let y = 6;
let z = x + y;
Trong ví dụ này x, yvà z, là các biến chưa được khai báo:
Thí dụ
x = 5;
y = 6;
z = x + y;
Từ tất cả các ví dụ trên, 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
Khi nào thì sử dụng JavaScript var?
Luôn khai báo các biến JavaScript bằng var, lethoặc const.
Từ varkhóa được sử dụng trong tất cả các mã JavaScript từ 1995 đến 2015.
Từ khóa letvà constđã được thêm vào JavaScript vào năm 2015.
Nếu bạn muốn mã của mình chạy trong trình duyệt cũ hơn, bạn phải sử dụng var.
Khi nào thì sử dụng const JavaScript?
Nếu bạn muốn một quy tắc chung: luôn khai báo các biến với const.
Nếu bạn nghĩ rằng giá trị của biến có thể thay đổi, hãy sử dụng let.
Trong ví dụ này price1, price2và total, là các biến:
Thí dụ
const price1 = 5;
const price2 = 6;
let total = price1 + price2;
Hai biến price1và price2
được khai báo bằng consttừ khóa.
Đây là những giá trị không đổi và không thể thay đổi.
Biến totalđược khai báo với lettừ khóa.
Đây là một giá trị có thể được thay đổi.
Cũng giống như Đại số
Cũng giống như trong đại số, các biến giữ các giá trị:
let x = 5;
let y = 6;
Cũng giống như trong đại số, các biến được sử dụng trong các biểu thức:
let z = x + y;
Từ ví dụ trên, bạn có thể đoán rằng tổng được tính là 11.
Ghi chú
Các biến là vùng chứa để lưu trữ các giá trị.
Mã định danh JavaScript
Tất cả các biến JavaScript phải được xác định bằng các tên duy nhất .
Những tên riêng này được gọi là định danh .
Số nhận dạng có thể là tên ngắn (như x và y) hoặc nhiều tên mô tả hơn (tuổi, tổng, tổng số).
Các quy tắc chung để xây dựng tên cho các biến (số nhận dạng 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 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 được 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à một toán tử "gán", không phải là một toán tử "bằng".
Điều này khác với đại số. Điều sau không có ý nghĩa trong đại số:
x = x + 5
Tuy nhiên, trong JavaScript, nó có ý nghĩa hoàn hảo: 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ả thành x. Giá trị của x được tăng thêm 5)
Ghi chú
Toán tử "bằng với" được viết giống như ==trong JavaScript.
Các loại 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, các 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, hãy nghĩ đến số và chuỗi.
Các chuỗi được viết bên trong dấu ngoặc kép hoặc đơn. Các con số được viết mà không có dấu ngoặc kép.
Nếu bạn đặt một số trong dấu ngoặc kép, nó sẽ được coi là một chuỗi văn bản.
Thí dụ
const pi = 3.14;
let person = "John Doe";
let answer = 'Yes I am!';
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 với varhoặc lettừ khóa:
var carName;
hoặc là:
let carName;
Sau khi khai báo, biến không có giá trị (về mặt kỹ thuật là như vậy 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 một giá trị cho biến khi bạn khai báo nó:
let carName = "Volvo";
Trong ví dụ dưới đây, chúng tôi tạo một biến được gọi carNamevà gán giá trị "Volvo" cho nó.
Sau đó, chúng tôi "xuất" giá trị bên trong một đoạn HTML với id = "demo":
Thí dụ
<p id="demo"></p>
<script>
let carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
Ghi chú
Đó là một phương pháp lập trình tốt để khai báo tất cả các biến ở đầu tập lệnh.
Một câu lệnh, 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 varvà phân tách các biến bằng dấu phẩy :
Thí dụ
let person = "John Doe", carName = "Volvo", price = 200;
Một khai báo có thể kéo dài nhiều dòng:
Thí dụ
let person = "John Doe",
carName = "Volvo",
price = 200;
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ứ phải được tính toán hoặc thứ gì đó sẽ được cung cấp sau này, chẳng hạn như đầ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ị undefinedsau khi thực hiện câu lệnh này:
Thí dụ
let carName;
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 với var, nó sẽ không bị mất giá trị.
Biến carNamesẽ vẫn có giá trị "Volvo" sau khi thực hiện các câu lệnh sau:
Thí dụ
var carName = "Volvo";
var carName;
Ghi chú
Bạn không thể khai báo lại một biến được khai báo với lethoặc const.
Điều này sẽ không hoạt động:
let carName = "Volvo";
let carName;
Số học JavaScript
Như với đại số, bạn có thể tính toán số học với các biến JavaScript, sử dụng các toán tử như =và +:
Thí dụ
let x = 5 + 2 + 3;
Bạn cũng có thể thêm các chuỗi, nhưng các chuỗi sẽ được nối với nhau:
Thí dụ
let x = "John" + " " + "Doe";
Cũng hãy thử điều này:
Thí dụ
let x = "5" + 2 + 3;
Ghi chú
Nếu bạn đặt một số trong dấu ngoặc kép, phần còn lại của các số sẽ được coi là chuỗi và được nối với nhau.
Bây giờ hãy thử điều này:
Thí dụ
let x = 2 + 3 + "5";
Ký hiệu đô la trong JavaScript $
Vì JavaScript coi ký hiệu đô la là một chữ cái, nên các số nhận dạng có chứa $ là các tên biến hợp lệ:
Thí dụ
let $ = "Hello World";
let $$$ = 2;
let $myMoney = 5;
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 số nhận dạng có chứa _ là các tên biến hợp lệ:
Thí dụ
let _lastName = "Johnson";
let _x = 2;
let _100 = 5;
Sử dụng dấu gạch dưới không phổ biến 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 "private (hidden)".