4 Cách để khai báo các biến trong Javascript
- Sử dụng var
- Sử dụng
let - Sử dụng
const - Không dùng gì cả
Biến trong Javascript là gì?
Các biến là các container lưu trữ dữ liệu ( lưu trữ giá trị dữ liệu)
Trong ví dụ này, x, y và z là các biến, được khai báo với từ khóa var
var x = 5;
var y = 6;
var z = x + y;
Trong ví dụ dưới, x, y và z là các biến, được khai báo với từ khóa let
let x = 5;
let y = 6;
let z = x + y;
Trong ví dụ dưới, x,y và z là các biến không được khai báo
x = 5;
y = 6;
z = x + y;
Từ tất cả các ví dụ trên , bạn có thể đoán được rằng
- x đang giữ giá trị 5
- y đang giữ giá trị 6
- z đang giữ giá trị 11
Khi nào sử dụng từ khóa var khi khai báo?
Luôn khai báo các biến Javascript sử dụng var, let hoặc const.
Từ khóa var được sử dụng trong tất cả đoạn code của Javascript từ nằm 1995 đến nay.
Từ khóa let và const được thêm vào JavaScript trong năm 2015.
Nếu bạn muốn code chạy trên các trình duyệt cũ hơn, bạn phải sử dụng var để khai báo.
Khi nào sử dụng từ khóa const trong Javascript?
Nếu bạn muốn giữ nguyên giá trị cho các biến trong suốt chương trình: luôn khai báo các biến với từ khóa const
Nếu bạn nghĩ rằng giá trị của biến có thể thay đổi, bạn nên sử dụng let.
Trong ví dụ bên dưới price1, price2 và total là các biến.
const price1 = 5;
const price2 = 6;
let total = price1 + price2;
Hai biến price1 và price2 được khai báo với từ khóa const. Gía trị của nó không thể thay đổi trong suốt lập trình.
Biến total được khai báo với từ khóa let. Gía trị của nó có thể bị thay đổi.
JavaScript Identifiers
Tất cả các biến phải được xác định với tên duy nhất không trùng lập với tên các biến khác.
Những tên duy nhất được gọi là Identifier
Identifier có thể là các tên ngắn( như x và y) hoặc các tên được diễn tả rõ ràng( age, sum, totalVolume).
Nguyên tắc chung để đặt tên biến là:
- Tên có thể bao gồm các kí tự, số, dấu gạch ngang, or ký tự $.
- Tên biến phải bắt đầu với kí tự.
- Tên biến cũng có thể bắt đầu với $ và _
- Các biến phân biệt tách biệt với kí tự hoa và ký tự thường( y và Y là các biến khác nhau hoàn toàn)
- Các từ khóa như let, var hoặc const không được sử dụng để tạo tên các biến.
The Assignment Operator
Trong Javasript, kí tự bằng (=) dùng để gán giá trị cho các biến
x = x + 5
Trong Javascript, gán giá trị x+ 5 cho x.
Tính toán giá trị của x+5 và gán kết quả lại cho x. Gía trị của x lúc này tăng lên 5.
Bài viết liên quan:
Các loại dữ liệu trong JavaScript.
Các biến Javascript có thể giữ các giá trị số như 100 và giá trị text như “Hello World”.
Trong lập trình, giá trị của văn bản được gọi là string.
Javascript có thể xử lý nhiều loại dữ liệu khác nhau, nhưng từ bây giờ, chỉ nghĩ về số và string.
String được viết bên trong dâu ngoặc đơn ” hoặc ngoặc kép “”. Number thì không cần.
Nếu bạn để một số trong ngoặc đơn hoặc kép thì Javascript sẽ xem nó như một string.
const pi = 3.14;
let person = “John Doe”;
let answer = ‘Yes I am!’;
Khai báo một biến trong Javascript.
Bạn có thể khai báo một biến Javascrip sử dụng từ khóa var hoăc let.
var myName; hoặc let myName;
Sau khi khai báo một biến, biến đó sẽ chưa có giá trị( hay là undefined)
To assign a value to the variable, use the equal sign:
Để gán giá trị đến một biến ta sử dụng ký tự bằng =;
myName = “Nam”;
Bạn cũng có thể gán giá trị đến một biến khi khai báo.
let myName = “Nam”;
Ở ví dụ bên dưới, chúng ta tạo một biến gọi là myName và gán giá trị của nó thành “Nam”.
Sau đó chúng ta sẽ in giá trị của nó vào thẻ HTML với id=”demo”.
<p id=”demo”></p>
<script>
let carName = “Volvo”;
document.getElementById(“demo”).innerHTML = carName;
</script>
Một Statement, Nhiều biến khác nhau.
Bạn có thể khai báo nhiều biến trong một statement.
Bắt đầu statement với từ khóa let và tách biệt các biến với nhau bởi dấu chấm phẩy ;
let person = “John Doe”, carName = “Volvo”, price = 200;
Khai báo nhiều biến ở nhiều dòng khác nhau như bên dưới.
let person = “John Doe”,
carName = “Volvo”,
price = 200;
Value = undefined
Trong lập trình máy tính, các biến thường được khai báo không cần một giá trị cho trước. Gía trị có thể là kết quả tính toán, hoặc đoạn văn bản được người dùng nhập vào.
Một biến được khai báo không có giá trị cho trước thì giá trị của nó là undefined.
Biến carName sẽ có giá trị là undefined sau khi thực thi statement này.
let carName;
Khai báo lại các biến trong Javascript.
Nếu bạn khai báo lại một biến Javascript với từ khóa var, nó sẽ không mất giá trị của chính nó.
Biến carName vẫn sẽ có giá trị là “Volvo” after thực thi các statement
Ví dụ
var carName = “Volvo”;
var carName;
Lưu ý
Bạn không thể khai báo lại một biến đã được khai báo với từ khóa let hoặc const/..
Ví dụ như bên dưới sẽ bị lỗi.
let carName = “Volvo”;
let carName;
JavaScript Dollar Sign $
Kể từ khi Javascript xem kí tự $ như là một thành phần của việc đặt tên biến, identifier bao gồm $ có giá trị để đặt nên cho các biến.
let $ = “Hello World”;
let $$$ = 2;
let $myMoney = 5;
Việc sử dụng kí tự $ để đặt tên biến không phổ biến trong Javascript, nhưng đối với các lập trình viên chuyên nghiệp thường sử dụng nó để phản chiếu các function chings trong các thư viện Javascript.
Trong JQuery, chức năng chính của $ được sử dụng để chọn các element của HTML. Ví dụ jQuery $(“p”) nghĩa là chọn tất cả các thẻ p.
JavaScript Underscore (_)
Ký tự Underscore(_) cũng được sử dụng để đặt tên các biến.
let _lastName = “Johnson”;
let _x = 2;
let _100 = 5;
Việc sử dụng underscore không phổ biến trong Javascript, nhưng các lập trình viên chuyên nghiệp sử dụng nó để phản ánh các biến private.