Chúng ta đã "cưỡi ngựa xem hoa" một vòng. Bây giờ chúng ta sẽ "quay lại" để thảo luận về từng vấn đề cụ thể.
Phần này chúng ta sẽ thảo luận về biến trong JavaScript.JavaScript Variables
Biến trong lập trình là nơi lưu trữ dữ liệu. Bạn có thể coi lại phần Biến trong lập trình C để hiểu thêm về khái niệm biến. Biến trong 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
Ví dụ dưới đây các biến được khai báo tự động.
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Variables</h1>
<p>Trong ví dụ này x, y, and z không được khai báo.</p>
<p>Chúng được khai báo tự động khi chúng ta sử dụng.</p>
<p id="datviet"></p>
<script>
x = 5;
y = 6;
z = x + y;
document.getElementById("datviet").innerHTML = "Giá trị của biến z (tổng của 5 và 6) là: " + z;
</script>
</body>
</html>
Sử dụng JSFiddle để thực thi code
Thay đổi một chút code trên để làm ví dụ từ khóa var
Lưu ý: 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.
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Variables</h1>
<p>Trong ví dụ này x, y, and z được khai báo bằng từ khóa var.</p>
<p id="datviet"></p>
<script>
var x = 5;
var y = 6;
var z = x + y;
document.getElementById("datviet").innerHTML = "Giá trị của biến z (tổng của 5 và 6) là: " + z;
</script>
</body>
</html>
Bấm Run để thực thi, kết quả không thay đổi
Làm điều tương tự với từ khóa let.
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Variables</h1>
<p>Trong ví dụ này x, y, and z được khai báo bằng từ khóa let.</p>
<p id="datviet"></p>
<script>
let x = 5;
let y = 6;
let z = x + y;
document.getElementById("datviet").innerHTML = "Giá trị của biến z (tổng của 5 và 6) là: " + z;
</script>
</body>
</html>
Bấm Run để thực thi
Cuối cùng chúng ta thử với từ khóa const (còn được coi là hằng, chúng ta sẽ tìm hiểu trong phần tiếp theo)
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Variables</h1>
<p>Trong ví dụ này x, y, and z được khai báo bằng từ khóa const.</p>
<p id="datviet"></p>
<script>
const x = 5;
const y = 6;
const z = x + y;
document.getElementById("datviet").innerHTML = "Giá trị của biến z (tổng của 5 và 6) là: " + z;
</script>
</body>
</html>
Bấm Run để thực thi
Khi nào nên sử dụng var, let hoặc const?
1. Chúng ta nên luôn khai báo biến
2. Sử dụng const nếu Không thay đổi giá trị, còn gọi là hằng
3. Sử dụng const nếu Không thay đổi Datatype (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ũ.
Không có nhận xét nào:
Đăng nhận xét