Người Viết : ViKiMi Editor

Hướng dẫn sử dụng biến Hằng số / Const Variables trong ngôn ngữ Web JavaScript hữu hiệu
Sử dụng biến hằng số rất cần thiết cho các chương trình. Nếu bạn muốn phát triển một chương trình cần phải thao tác với các dữ liệu hằng số thì đó là lúc bạn cần phải dùng const variables. Cũng như vậy khi thiết kế Website bạn cũng cần phải làm việc với biến Hằng số. Việc thao tác biến Hằng số có rất ngôn ngữ cho phép: PHP, ASP.NET, JAVA, JavaScript …
Bạn có thể sẽ sự dụng một trong những ngôn ngữ trên.
+ Biến Hằng số cho phép bạn khai báo một Hằng số không đổi trong quá trình thực hiện một chương trình.
+ Quy tắc sử dụng biến Hằng số trong các ngôn ngữ khá tương đồng
Với JavaScript cũng như vậy, đây là một ngôn ngữ lập trình bạn có thể làm việc với biến Hằng số. Bạn có thể định nghĩa các hằng số để sử dụng, những hằng số này có thể là Hằng số PI .v.v..
Quy tắc sử dụng biến Hằng số / Const Variables trong JavaScript khá đơn giản :
+ Các biến được xác định bằng const không thể được khai báo lại. Điều này là quy tắc chung cho biến Hằng số trong JavaScript
Tuy nhiên, việc khai báo biến Hằng số chúng ta có :
[ – ] Khai báo biến Hằng đơn thuần
[ – ] Khai báo mảng Hằng số / Constant Array
[ – ] Khai báo Đối tượng Hằng số / Constant Object
[ – ] Khai báo Chức năng Hằng số / Constant Function
[ – ] Khai báo Quy tắc Hằng số / Constant RegExp
Với mỗi một cách khai báo chúng ta có một cách sử dụng hơi khác vì thực tế sẽ sử dụng đến tham chiếu trực tiếp địa chỉ dành cho biến Hằng số. Địa chỉ này sẽ dành riêng cho biến Hằng số trong bộ nhớ máy và là không đổi trong chương trình. Chính điều này và các cách khai báo khi dùng biến Hằng số mà chúng ta sẽ dẫn đến việc những khác nhau nói trên. Đó cũng là một lưu ý khi sử dụng Const Variables.
+ Các biến khai báo bằng từ khoá const không thể được gán lại.
Nhưng chúng ta cũng có lưu ý tương tự như trên.
+ Các biến được xác định bằng const có Phạm vi khối
Chúng ta sẽ xem một ví dụ chung và một quy tắc chung áp dụng khi sử dụng biến Hằng số.
Ví Dụ Tại đây, Chúng ta khai báo một biến Hằng đơn thuần.
Quy tắc : Không thể thực hiện gán lại cho biến Hằng số
Một biến khai báo từ khóa const không thể được gán lại vì một hằng số là không đổi. Trong chương trình nó sẽ được cấp một địa chỉ để chứa giá trị không đổi này.
Ví dụ này chương trình gây ra lỗi vì thực hiện gán lại cho biến hằng. Lỗi này được chương trình ném ra và bắt bằng try catch.
<!DOCTYPE html>
<html>
<body>
<h2> BIẾN HẰNG SỐ </h2>
<p id="paragraph_01"></p>
<script>
try {
const PI = 3.141592653589793;
PI = 3.14;
}
catch (err) {
document.getElementById("paragraph_01").innerHTML = err;
}
</script>
</body>
</html>
Như bạn thấy, khi bạn sử dụng khai báo một biến hằng số đơn thuần và gán lại cho nó thì sẽ phát sinh lỗi. Tất nhiên, lỗi sẽ làm chương trình chạy không đúng, bạn có thể dùng try catch để biết lỗi xảy ra là gì.
A ] Những quy tắc chung khi bạn sử dụng CONST VARIABLES
1 ] Phải được gán giá trị
Khi khai báo biến Hằng số bằng từ khoá const, biến Hằng số phải được gán một giá trị.
Example :
const PI = 3.14159265359;
Khi khai báo, Nếu không gán giá trị cho biến Hằng số sẽ sinh ra lỗi
Example : Sinh ra lỗi
const PI;
PI = 3.14159265359;
2 ] Sử dụng từ khoá Const để khai báo các biến Hằng số sau :
[ – ] Khai báo biến Hằng đơn thuần
[ – ] Khai báo mảng Hằng số / Constant Array
[ – ] Khai báo Đối tượng Hằng số / Constant Object
[ – ] Khai báo Chức năng Hằng số / Constant Function
[ – ] Khai báo Quy tắc Hằng số / Constant RegExp
3 ] Cách sử dụng một biến Hằng số Đơn Thuần
+ Một biến Hằng số đơn thuần luôn phải gán giá trị khi khai báo bằng từ khoá Const
+ Một biến Hằng số đơn thuần được xác định bằng từ khóa const không thể được gán lại
Áp dụng sau đây là đúng :
<script>
const PI = 3.141592653589793;
</script>
Áp dụng sau đây là sai :
<script>
const PI = 3.141592653589793;
PI = 3.14;
</script>
Áp dụng sau đây là sai :
<script>
const PI = 3.141592653589793;
const PI = 3.14;
</script>
4 ] Cách sử dụng Đối tượng Hằng số / Constant Objects và Mảng Hằng số / Constant Arrays
Chúng ta luôn biết rằng biến Đối tượng và biến Hằng số linh động trong việc lưu trữ để đảm bảo chương trình hoạt động với hiệu suất cao. Vì điều này khi thiết JavaScript các nhà phát triển ngôn ngữ này đã đưa ra các quy định nhằm đảm bảo rằng một biến Đối tượng hoặc biến Hằng số khai báo bằng từ khoá Const vẫn phải đảm bảo hiệu suất chương trình tốt nhất.
Và chúng ta có quy định
Đối tượng Hằng số và Mảng Hằng số :
+ Nó không xác định một giá trị không đổi.
+ Nó định nghĩa một tham chiếu không đổi đến một giá trị.
Điều này giúp biến đối tượng và biến mảng vẫn có sự linh động tốt nhất.
Việc định nghĩa tham chiếu địa chỉ khiến cho giá trị của biến luôn đảm bảo không bị mất đi cho đến khi chương trình kết thúc hẳn ( Điều này không xảy ra với một biến bình thường ). Đây chính là yếu tố đảm bảo nguyên tính chất của biến Const trong trường hợp này.
Và trong quá trình chương trình thực thi giá trị thuộc tính của biến Đối tượng hằng số và giá trị phần tử của biến Mảng hằng số được phép thay đổi.
Đó chính là thiết kế mà Nhà phát triển ngôn ngữ JavaScript đưa ra.
Chúng ta chỉ cần vận dụng.
Hãy xem các ví dụ dưới đây.
Chúng ta sẽ thấy rõ cách sử dụng Đối tượng Hằng và Mảng Hằng.
4 -1 ] Thao tác trên Mảng Hằng số / Constant Arrays và Đối Tượng hằng số / Constant Objects
+ Những việc có thể làm được :
Thay đổi giá trị các phần tử của mảng hằng hoặc thêm các phần tử mảng hằng.
Thay đổi thuộc tính của đối tượng hằng số
Áp dụng với Mảng Hằng số :
/**
* Tạo một mảng hằng số :
*/
const employees = ["Nguyen", "Tran", "Le"];
/**
* Thay đổi giá trị các phần tử của mảng hằng :
*/
employees[0] = "Hua";
/**
* Thêm phần tử cho mảng hằng :
*/
employees.push("Tieu");
Áp dụng với Đối tượng Hằng :
<!DOCTYPE html>
<html>
<body>
<h2> Đối Tượng Hằng </h2>
<p> Thao tác trên đối tượng Hằng </p>
<p id="paragraph_01"></p>
<script>
/**
* Tạo một Đối tượng hằng số :
*/
const employees = {type:"VanPhong", name:"Tuấn", age:"30"};
/**
* Thay đổi giá trị các thuộc tính của Đối tượng hằng :
*/
employees.age = "40";
/**
* Thêm các thuộc tính cho Đối tượng hằng :
*/
employees.gender = "Male";
/**
* Hiển thị thuộc tính của Đối tượng hằng trên trang HTML:
*/
document.getElementById("paragraph_01").innerHTML = "Tên NV " + employees.name;
</script>
</body>
</html>
+ Những việc không làm được :
KHÔNG thể gán lại mảng hằng
KHÔNG thể gán lại đối tượng hằng
Áp dụng với Mảng Hằng số :
Chương trình sẽ sinh ra lỗi >>
const employees = ["Nguyen", "Tran", "Le"];
cars = ["Lee", "Tan", "Le"]; /* ERROR */
Áp dụng với Đối tượng Hằng số :
Chương trình sẽ sinh ra lỗi >>
const employees = {type:"VanPhong", name:"Tuấn", age:"30"};
employees = {type:"BaoVe", name:"Tuấn", age:"30"}; /* ERROR */
5 ] Biến hằng số khối và ảnh hưởng trong phạm vi khối
Chúng ta biết Cosnt là một biến khối do đó biến Const sẽ chịu ảnh hưởng trong phạm vi khối khai báo nó
+ Cách làm việc của biến khối Const sẽ chỉ gây ảnh hưởng trong phạm vi khối mà nó được khai báo. Bên ngoài khối được khai báo thì nó sẽ không gây ảnh hưởng.
Do đó, chương trình như sau là hợp lý :
<!DOCTYPE html>
<html>
<body>
<h2> Khai báo lại và sử dụng biến khối Const </h2>
<p id="paragraph_01"></p>
<p id="paragraph_02"></p>
<script>
/**
* Tại đây phạm vi chung, Const a được khai báo có giá trị 10
*/
const a = 10;
{
/**
* Tại đây phạm vi khối này,
* Const a được khai báo lại có giá trị 2
*/
const a = 2;
/**
* Hiển giá trị của Const a tại thẻ p có id paragraph_02
* Giá trị hiện thị là 2, Giá trị trong phạm vi khối
*/
document.getElementById("paragraph_02").innerHTML = a;
}
/**
* Hiển giá trị của Const a tại thẻ p có id paragraph_01
* Giá trị hiện thị là 10, Giá trị trong phạm vi chung
*/
document.getElementById("paragraph_01").innerHTML = a;
</script>
</body>
</html>
Hoặc Với Const trong phạm vi khối chúng ta có thể làm như sau :
<script>
const a = 2; // Được Phép
{
const a = 3; // Được Phép
}
{
const a = 4; // Được Phép
}
</script>
Các ví dụ sau đây đều gây ra lỗi vì không đảm bảo tính chất biến Const:
+ Ví dụ 1 :
<script>
var a = 2;
const a = 2;
{
let a = 2;
const a = 2;
}
{
const a = 2;
const a = 2;
}
</script>
+ Ví Dụ 2 :
<script>
const a = 2;
a = 9;
var a = 2;
let a = 2;
const a = 2;
{
const a = 2;
a = 2;
var a = 2;
let a = 2;
const a = 2;
}
</script>
Như vậy, Const Variables trong JavaScript được sử dụng tương đối đơn giản và dễ hiểu. Để sử dụng biến Hằng số khi cần thiết thì nó quá hữu ích. Buộc lòng việc sử dụng nó phải thành thao, điều này khiến các lập trình viên có thể đưa ra cách làm hợp lý nhất. Từ đó công việc phân phối trong nhóm cũng tốt hơn.
+ Trong hầu hết các ngôn ngữ Const Variables khá tương đồng