)
Người Viết : ViKiMi Editor
Khai báo biến / JavaScript Variables dễ dàng, yêu cầu cơ bản của lập trình viên Website
Bạn đã sử dụng cách khai báo biến trong nhiều ngôn ngữ lập trình khác nhau. Và với JavaScript việc khai báo biến có thực sự giống với các ngôn ngữ lập trình khác. Chắc hẳn nó là sự mới mẻ khi bạn bắt đầu học về cách làm sao để thiết kế một Website. Nhưng điều này là không thừa chút nào, vì nó sẽ cho phép bạn có thể bắt tay thiết kế những thứ lớn.
Vậy khai báo biến trong ngôn ngữ JavaScript có khó khăn không?
+ Câu trả lời là không hề khó khăn
+ Việc khai báo biến ( TypeScript Variable Declarations ) cũng tương tự như những ngôn ngữ khác
Tuy nhiên, vì JavaScript là một ngôn ngữ chạy phía Client nên nó cũng mang những đặc thù riêng để giúp cho Thiết kế của bạn có thể đạt hiệu suất cao. Nhờ vậy tốc độ Website có sử dụng JavaScript sẽ luôn đạt mức tốt có thể. Hầu hết các LTV đều yêu thích điều này.
1 ] CÁCH KHAI BÁO BIẾN VỚI JS
A ) Quy tắc đặt tên cho biến :
+ Mỗi Biến sử dụng trong một phạm vi chương trình JavaScript phải được xác định bằng một tên duy nhất.
+ Tên duy nhất này được gọi là định danh / identifiers .
+ Tên duy nhất này có thể ngắn hoặc dài ( chẳng hạn : x, y, age, sum … )
Quy tắc chung đặt tên cho các biến ( identifiers ) 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.
+ Hoặc Tên cũng có thể bắt đầu bằng kí hiệu đô la $ và dấu gạch dưới _
+ Tên có phân biệt chữ hoa và chữ thường ( Age và AGE là các biến khác nhau )
+ Các từ khóa của JavaScript không thể được sử dụng làm tên
B ] KHAI BÁO BIẾN VỚI var, let, or const
Chúng ta có thể sử dụng các cách sau đây để khai báo biến :
+ Khai báo một cách tự động
<script>
a = 5;
b = 6;
c = a + b;
document.getElementById("paragraph_01").innerHTML =
"The value of c is: " + c;
</script>
+ Khai báo với var
Khai báo một biến thông thường trong chương trình JavaScript
<script>
var x = 5;
var y = 6;
var z = x + y;
</script>
+ Khai báo với let
Khai báo một biến khối trong chương trình JavaScript
Cả 2 trường hợp sau có ý nghĩa như nhau.
<script>
let x = 5;
let y = 6;
let z = x + y;
</script>
+ Khai báo với const
Khai báo một hằng số khối trong chương trình JavaScript
<script>
const x = 5;
const y = 6;
cosnt z = x + y;
document.getElementById("paragraph_01").innerHTML =
"The z is: " + z;
</script>
Những chú ý khai báo biến :
a1. Để sử dụng biến thì phải luôn luôn khai báo biến
a2. Luôn sử dụng const để khai báo biến hằng có giá trị không thay đổi
a3. Luôn sử dụng const để khai báo biến hằng có giá trị không thay đổi ( Mảng / Arrays và Đối tượng / Objects )
a4. Lưu ý Chỉ sử dụng let nếu bạn không thể sử dụng const
a5. Hãy sử dụng var nếu bạn PHẢI hỗ trợ các trình duyệt cũ.
C ] EXAMPLE :
Khai báo biến a, b,c và sử dụng trong chương trình JavaScript.
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Example :</h2>
<p>THỰC HIỆN KHAI BÁO BIẾN.</p>
<p id="paragraph_01"></p>
<script>
/*
* Khai báo biến
*/
let a, b;
a = 0;
b = 10;
const c = a + b;
document.getElementById("paragraph_01").innerHTML = c;
</script>
</body>
</html>
2 ] PHẠM VI CỦA BIẾN TRONG JS
+ Phạm vi của biến giúp xác định khả năng hoạt động của biến trong chương trình JavaScript.
+ Nếu trong phạm vi hoạt động của biến thì chúng ta có thể truy cập vào biến.
Ngược lại thì không thể truy cập vào biến.
+ Nhờ biết được phạm vi hoạt động của biến mà chúng ta có thể tạo ra các biến có phạm vi hoạt động phù hợp. Nhờ vậy, một chương trình sẽ luôn hoạt động ổn định và tốt nhất có thể.
CÁC PHẠM VI :
+ Phạm vi cục bộ: Đó là các tên đã được chỉ định.
Và chúng được khai báo trong khối như là các phương thức, hàm ( methods ), hoặc vòng lặp, v.v. Các biến cục bộ chỉ có thể truy cập được trong phạm vi nơi chúng được khai báo.
Nếu khai báo trong hàm thì chỉ có thể truy cập chúng trong hàm.
Nếu khai báo trong vòng lặp thì chỉ có thể truy cập chúng trong vòng lặp.
+ Phạm vi toàn cục: Nếu biến được khai báo bên ngoài cấu trúc phạm vi cục bộ thì chúng ta có thể truy cập biến đó ở bất cứ đâu trong chương trình JavaScript.
Phạm vi này gọi là toàn cục.
+ Phạm vi lớp: Nếu một biến được khai báo bên trong một lớp thì chúng ta chỉ có thể truy cập biến đó trong lớp mà chúng được khai báo.
Và chúng ta sẽ đề cập điều này nhiều hơn ở phần sau.
<!DOCTYPE html>
<html>
<body>
<h1>Phạm vị của biến trong JavaScript</h1>
<h2>Ví dụ về phạm vi hoạt động của biến</h2>
<p id="paragraph_01"></p>
<p id="paragraph_02"></p>
<p id="paragraph_03"></p>
<script>
var global_var = 12; //global variable
class Car {
cls_var = 11; //class variable
constructor(name, year) {
this.name = name;
this.year = year;
}
age() {
var local_var = 10; //local variable
return local_var;
}
}
const myCar = new Car("Suzuki", 2024);
document.getElementById("paragraph_01").innerHTML =
" local variable / My car is " + myCar.age() + " years old.";
document.getElementById("paragraph_02").innerHTML =
" global variable / My car is " + global_var + " years old.";
document.getElementById("paragraph_03").innerHTML =
" class variable / My car is " + myCar.cls_var + " years old.";
</script>
</body>
</html>
Hình Ảnh Kết Quả :
Như vậy, Cách để sử dụng JavaScript Variables thật không khó. Tuy nhiên, đây cũng là cách mà bạn nên có cái nhìn tổng quát. Bạn có thể thực hành và đưa ra những cách xử lý phù hợp. Một chương trình JavaScript chính xác thì sẽ mang lại kết quả chính xác. Chúng ta luôn cần một chương trình hoạt động đúng và không tốn thời gian bảo trì.
+ Khai báo biến trong JavaScript cũng giống các ngôn ngữ khác
