Hằng số trong JavaScript là gì?

Có, Hằng tồn tại trong JavaScript. Chúng tôi sử dụng từ khóa const cho hằng số. Giá trị của const vẫn giữ nguyên; . Tạo tham chiếu chỉ đọc với khai báo const

const được giới thiệu trong ES6. Trước ES6, chúng ta chỉ khai báo biến bằng từ khóa var. Sau đó, let và const được giới thiệu. Bây giờ, chúng ta sẽ xem chi tiết về const

const value = "some-value";

Với const, bạn có thể khai báo các biến cục bộ với phạm vi khối thay vì phạm vi chức năng. Giả sử chúng ta có một biến không đổi a. Sau khi khai báo giá trị như biến hằng, bạn không thể gán giá trị mới cho nó

// declared ‘a’ as a constant variable.
const a = 150;
// Assigning a new value to `a` will fail since ‘a’ is a constant
variable
a= 0;
a++;
// The below declarations won’t work
var a = 0;

Các hằng số có phạm vi khối, giống như các biến được khai báo bằng từ khóa const. Không thể thay đổi hằng số bằng cách sử dụng gán và không thể khai báo lại. Tuy nhiên, nếu chúng ta có mảng và đối tượng là hằng số, chúng ta có thể sửa đổi và loại bỏ các phần tử, nhưng chúng ta không thể khai báo lại chúng

ví dụ 1

Chúng ta có thể bắt đầu tên biến bằng chữ hoa và cả chữ thường cho const

   
Const
   
   

Giá trị const không thể được chỉ định lại

Chúng tôi không thể gán lại các hằng số cho các giá trị mới. Khi chúng tôi cố gắng gán lại, nó sẽ báo lỗi. Hãy xem một ví dụ

ví dụ 2

Trong ví dụ dưới đây, chúng tôi cố gắng gán lại giá trị const. Xem đầu ra trông như thế nào

   
Reassigning const Value
   
   

Như chúng ta thấy, bất cứ khi nào chúng ta cố gắng gán lại một hằng số, nó sẽ ném TypeError

Phải được chỉ định

Các hằng số phải được gán một giá trị khi chúng được khai báo. Nếu không, nó sẽ ném một lỗi

Cách gán không chính xác -

const num;
num = 35;

Cách chính xác để gán -

const num = 35

ví dụ 3

Hãy xem ví dụ dưới đây. Nó sẽ thông qua một lỗi cú pháp vì num được khai báo là một biến const nhưng không được gán

   
Must be assigned
   
   

Lỗi cú pháp chưa bắt được. Thiếu trình khởi tạo trong const

Ở đây chúng ta có thể thấy, nếu chúng ta không gán giá trị khi khai báo, nó sẽ báo lỗi SyntaxError

Không nâng Const trong JavaScript

Hoisting với từ khóa var đang di chuyển các khai báo ở trên cùng. tôi. e. chúng ta có thể sử dụng các biến trước khi nó được xác định

Hãy kiểm tra hoisting với từ khóa const

Ví dụ 4

   
JavaScript Hoisting
   
   

Sử dụng const, chúng ta không thể sử dụng một biến trước khi nó được khai báo. Nếu chúng tôi cố gắng làm điều đó, nó sẽ ném ReferenceError

Phạm vi khối cho const

Điều quan trọng là phải kiểm tra phạm vi khối của const. Khi đi vào phạm vi khối, đối với let và const, phần khai báo giống nhau. Hãy xem nào

Ví dụ 5

Hãy xem một ví dụ khác về phạm vi khối

Ví dụ 6

   
Block scope
   
   
   
   

Ở đây, chúng tôi không thể truy cập value2 bên ngoài khối. Bất cứ khi nào chúng tôi cố gắng truy cập các biến bên ngoài phạm vi khối, Nó sẽ đưa ra ReferenceError

Mảng không đổi

Chúng ta có thể sửa đổi và thêm một phần tử vào một mảng const. Nhưng, chúng ta không thể chỉ định lại nó. Hãy xem một ví dụ

Ví dụ 7

// declared ‘a’ as a constant variable.
const a = 150;
// Assigning a new value to `a` will fail since ‘a’ is a constant
variable
a= 0;
a++;
// The below declarations won’t work
var a = 0;

Bây giờ, chúng ta sẽ kiểm tra việc gán lại một mảng

Ví dụ 8

// declared ‘a’ as a constant variable.
const a = 150;
// Assigning a new value to `a` will fail since ‘a’ is a constant
variable
a= 0;
a++;
// The below declarations won’t work
var a = 0;

Nếu chúng ta cố gắng gán lại một mảng, nó sẽ ném TypeError

đối tượng không đổi

Chúng ta có thể thay đổi và thêm các thuộc tính cho một đối tượng. Nhưng, chúng ta không thể chỉ định lại nó. Hãy xem một ví dụ

Ví dụ 9

// declared ‘a’ as a constant variable.
const a = 150;
// Assigning a new value to `a` will fail since ‘a’ is a constant
variable
a= 0;
a++;
// The below declarations won’t work
var a = 0;

Bây giờ, chúng ta sẽ sử dụng một ví dụ để gán lại một đối tượng

Thí dụ

// declared ‘a’ as a constant variable.
const a = 150;
// Assigning a new value to `a` will fail since ‘a’ is a constant
variable
a= 0;
a++;
// The below declarations won’t work
var a = 0;

Bây giờ chúng ta có thể thấy rằng bất cứ khi nào chúng ta cố gắng gán lại một đối tượng, Nó sẽ ném TypeError

Chúng tôi đã thấy tất cả các chức năng sử dụng const. Hy vọng hướng dẫn này sẽ làm rõ về hằng số trong JavaScript

Hôm nay, chúng ta sẽ xem xét JavaScript Constant. Để bắt đầu với bất kỳ logic lập trình nào, trước tiên chúng ta cần có trong tay một số hằng và biến, điều này sẽ hữu ích cho logic. Các hằng số JavaScript này là chỉ đọc và được khai báo bằng từ khóa const, được chỉ định tại thời điểm khai báo. Các hằng số có thể là toàn cục hoặc cục bộ để hoạt động ở nơi nó được khai báo. Chúng tôi có hai từ khóa JavaScript mới, tôi. e. , let và const. Các biến được xác định bằng const hoạt động như các biến let không thể được gán lại hoặc khai báo lại. Các hằng số JavaScript bị chặn có phạm vi tương tự như các biến được khai báo bằng từ khóa let

Gói phát triển phần mềm tất cả trong một[hơn 600 khóa học, hơn 50 dự án]

Giá bán
Xem các khóa học

Hơn 600 khóa học trực tuyến. hơn 50 dự án. Hơn 3000 giờ. Giấy chứng nhận có thể kiểm chứng. Truy cập trọn đời
4. 6 [85.498 xếp hạng]

cú pháp

Dưới đây là cú pháp được đề cập

Bắt đầu khóa học phát triển phần mềm miễn phí của bạn

Phát triển web, ngôn ngữ lập trình, kiểm thử phần mềm và những thứ khác

const  = value;

Đặt tên hằng trong JavaScript có một số quy tắc đặt tên biến, giữ nguyên từ khóa const và hằng toàn cục. Nếu trong trường hợp từ khóa ‘const’ bị loại bỏ, mã định danh được biểu diễn dưới dạng một biến

Do đó để khai báo một biến hằng, cần sử dụng từ khóa ‘const’ thay vì ‘let. ’

E. g. ,

const employeeName = "Karthick";

Ở đây biến employeeName là một hằng số với vale ‘Karthick”

Nếu trong trường hợp bạn cố gắng thay đổi giá trị của employeeName thành 'Anusha', bạn sẽ gặp lỗi vì không thể gán lại một hằng số

Chỉ khi lập trình viên chắc chắn rằng biến sẽ không phải đối mặt với bất kỳ thay đổi nào, thì nó mới có thể được khai báo bằng cách sử dụng const để đảm bảo rằng biến đó là một hằng số

Giá trị JavaScript không thể thay đổi bằng cách lập trình trong khi thực thi là một Hằng số, đơn giản để làm việc, phải không? . JavaScript là một ngôn ngữ được giải thích, trước đây chúng tôi thường lưu trữ các giá trị trong các biến mặc dù chúng là giá trị không đổi. Để phân biệt giữa các biến và hằng số, ECMAScript 6 tuân theo một số nguyên tắc đặt tên hằng số

• Một điều chính là viết hoa, mà chúng tôi chắc chắn sẽ giúp biết đâu là giá trị hằng và biến trong chương trình

var EMPLOYEE_AGE = 24;

• ES6 đã giúp mọi người khai báo hằng số const và thêm các từ khóa mới 'const' và 'let. ’
• Vì vậy, bạn có thể thắc mắc tại sao chúng ta nên viết hoa khi có từ khóa 'const' hay chúng ta có cần viết hoa bất kỳ thứ gì được khai báo bằng từ khóa const không
• Const tạo một hằng số có tham chiếu chỉ đọc;
• Một số tham chiếu cố định có thể thay đổi tùy thuộc vào logic lập trình
• Vì vậy, const ở đây chỉ ngăn người dùng cố gắng gán lại tên của biến, nhưng thuộc tính đối tượng có thể được truyền dưới dạng các đối tượng được truyền theo tham chiếu
• Nhìn chung, các hằng có thể được khai báo cho dù sử dụng chữ hoa hay chữ thường, quy ước phổ biến và được sử dụng nhiều nhất là tất cả các chữ hoa

Ví dụ về hằng Javascript

Đưa ra dưới đây là các ví dụ về hằng số Javascript

Ví dụ 1

Sử dụng từ khóa const. Mã số

JavaScript const


const EMPLOYEE_NAME = "Karthick";
document.write['Best Employee of the month: ' + EMPLOYEE_NAME];

đầu ra

Ví dụ #2

Gán hoặc thay đổi giá trị của hằng số EMPLOYEE_NAME trong đoạn mã trên

Mã số

JavaScript const, assigning different value to the constant


const EMPLOYEE_NAME = "Karthick";
EMPLOYEE_NAME = "Saideep";
document.write['Best Employee of the month: ' + EMPLOYEE_NAME];

đầu ra

Bạn có thể thấy lỗi trên ảnh chụp màn hình là 'Gán cho biến không đổi trực tuyến 3. ’

Ví dụ #3

Khai báo lại hằng số và gán lại giá trị

Mã số

JavaScript const, redeclaring the constant variable and reassigning


const EMPLOYEE_NAME = "Karthick";
document.write['Best Employee of the month: ' + EMPLOYEE_NAME];
const EMPLOYEE_NAME = "Anusha";

đầu ra

Hằng số EMPLOYEE_NAME đã được khai báo, đây là lỗi Cú pháp

Ví dụ #4

Không khởi tạo hằng số

Mã số

JavaScript const, not initializing the constant


const EMPLOYEE_AGE;

đầu ra

Chúng tôi chỉ khai báo hằng số EMPLOYEE_AGE và không khởi tạo nó với một giá trị. Do đó, lỗi Cú pháp khởi tạo bị thiếu

Ví dụ #5

Const JavaScript trong Mảng và Đối tượng

Mã số

JavaScript const in objects and arrays


const COMPANY = {'key': 'value'};
// COMPANY = {'SAMPLE': 'value'};
COMPANY.key = '1204';
document.write[COMPANY.key + "
"];
const COMPANY_ARRAY = [];
COMPANY_ARRAY.push['INFOSYS'];
// COMPANY_ARRAY = ['Capgemini'];
document.write[COMPANY_ARRAY];

đầu ra

Dòng chú thích, mọi người có thể thử bằng cách bỏ chú thích nó. Nó sẽ báo lỗi là 'lỗi. Lỗi loại chưa bắt được. Gán cho biến không đổi. ’

Một trong những phần thú vị của việc sử dụng hằng số là biết về Đối tượng. phương thức đóng băng []

Nếu bạn muốn bất kỳ đối tượng nào là bất biến, chúng ta cần sử dụng Object. freeze[], do đó, bằng cách đóng băng các thuộc tính đối tượng của đối tượng bị đóng băng nhưng không phải là các tham chiếu Đối tượng theo các thuộc tính. Chúng ta hãy lấy một ví dụ,

Ví dụ #6

Sử dụng đối tượng. phương thức đóng băng [] cho const

Mã số

JavaScript const, using Object.freeze[] method


const SCHOOL = Object.freeze[{
studentName: 'Jasmine',
studentAddress: {
street: 'Totavari Street',
city: 'Visakhapatnam',
state: 'Andhra Pradesh',
zipcode: 520070,
country: 'India',
}
}];
SCHOOL.studentAddress.phNumber = 9876544310;
SCHOOL.studentAddress.flatNumber = 'B1-104';
document.write['Updated address details of student Jasmine: ', SCHOOL.studentAddress.phNumber + '
' + SCHOOL.studentAddress.flatNumber];

đầu ra

TRƯỜNG Đối tượng là const và đóng băng; . studentAddress Đối tượng có thể thay đổi, các thuộc tính mới có thể được thêm vào

Phần kết luận

Với điều này, chúng tôi kết thúc chủ đề 'Hằng số JavaScript'. Chúng ta đã thấy JavaScript Constant và cú pháp của nó là gì. Minh họa một vài ví dụ đơn giản mà mọi người có thể thử thực hiện. Từ khóa const biểu thị rằng biến là một hằng số không thể gán lại hoặc khai báo lại. Đối tượng phương pháp mới. freeze[], sẽ giúp bạn thêm các thuộc tính vào một đối tượng mà chúng ta đã thấy một ví dụ minh họa tương tự

Bài viết được đề xuất

Đây là hướng dẫn về hằng số Javascript. Ở đây chúng ta thảo luận JavaScript Constant là gì và cú pháp của nó, cùng với một vài ví dụ đơn giản. Bạn cũng có thể xem các bài viết sau để tìm hiểu thêm –

Hằng số trong JavaScript với ví dụ là gì?

một biến liên tục là gì?

Sự khác biệt giữa biến và hằng trong JavaScript là gì?

Có hằng số trong JavaScript không?