JavaScript cho (const)

Tóm lược. trong hướng dẫn này, bạn sẽ học cách xác định hằng số bằng cách sử dụng từ khóa JavaScript

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

3

Giới thiệu về từ khóa JavaScript const

ES6 cung cấp một cách khai báo hằng mới bằng cách sử dụng từ khóa

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

3. Từ khóa

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

3 tạo tham chiếu chỉ đọc cho một giá trị

const CONSTANT_NAME = value;
Code language: JavaScript [javascript]

Theo quy ước, các định danh hằng được viết hoa

Giống như từ khóa let, từ khóa

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

3 khai báo các biến phạm vi bị chặn. Tuy nhiên, không thể chỉ định lại các biến trong phạm vi khối được khai báo bởi từ khóa const

Các biến được khai báo bởi từ khóa

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

7 có thể thay đổi. Điều đó có nghĩa là bạn có thể thay đổi giá trị của chúng bất cứ lúc nào bạn muốn như trong ví dụ sau

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

Tuy nhiên, các biến được tạo bởi từ khóa

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

3 là “bất biến”. Nói cách khác, bạn không thể gán lại chúng cho các giá trị khác nhau

Nếu bạn cố gắng gán lại một biến được khai báo bởi từ khóa

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

3, bạn sẽ nhận được một

const RATE = 0.1;
RATE = 0.2; // TypeError
Code language: JavaScript [javascript]

0 như thế này

const RATE = 0.1;
RATE = 0.2; // TypeError
Code language: JavaScript [javascript]

Khác với từ khóa let, bạn cần khởi tạo giá trị cho biến được khai báo bởi từ khóa const

Ví dụ sau gây ra lỗi

const RATE = 0.1;
RATE = 0.2; // TypeError
Code language: JavaScript [javascript]

1 do thiếu bộ khởi tạo trong khai báo biến

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

3

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

3

JavaScript const và các đối tượng

Từ khóa

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

3 đảm bảo rằng biến mà nó tạo ra là chỉ đọc. Tuy nhiên, điều đó không có nghĩa là giá trị thực mà tham chiếu biến

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

3 là bất biến. Ví dụ

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

6

Mặc dù biến

const RATE = 0.1;
RATE = 0.2; // TypeError
Code language: JavaScript [javascript]

5 là một hằng số, bạn có thể thay đổi giá trị thuộc tính của nó

Tuy nhiên, bạn không thể gán lại một giá trị khác cho hằng số

const RATE = 0.1;
RATE = 0.2; // TypeError
Code language: JavaScript [javascript]

5 như thế này

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

9

Nếu bạn muốn giá trị của đối tượng 

const RATE = 0.1;
RATE = 0.2; // TypeError
Code language: JavaScript [javascript]

5 là bất biến, bạn phải đóng băng đối tượng đó bằng cách sử dụng phương thức

const RATE = 0.1;
RATE = 0.2; // TypeError

  

Code language: JavaScript [javascript]

8

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

2

Lưu ý rằng

const RATE = 0.1;
RATE = 0.2; // TypeError
Code language: JavaScript [javascript]

8 là nông, có nghĩa là nó có thể đóng băng các thuộc tính của đối tượng, không phải các đối tượng được tham chiếu bởi các thuộc tính

Ví dụ: đối tượng

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

30 không đổi và bị đóng băng

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

5

Nhưng đối tượng

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

31 không phải là bất biến, bạn có thể thêm thuộc tính mới vào đối tượng

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

31 như sau

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

8

JavaScript const và mảng

Xem xét ví dụ sau

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

9

Trong ví dụ này, chúng tôi khai báo một mảng

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

33 có một phần tử bằng cách sử dụng từ khóa

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

3. Sau đó, chúng ta có thể thay đổi các phần tử của mảng bằng cách thêm màu

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

35. Tuy nhiên, chúng ta không thể gán lại mảng

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25

  

Code language: JavaScript [javascript]

33 cho một mảng khác

JavaScript

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

3 trong vòng lặp

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

38

ES6 cung cấp một cấu trúc mới có tên là

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

39 cho phép bạn tạo một vòng lặp lặp qua các đối tượng có thể lặp lại như mảng, bản đồ và tập hợp

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

0

Nếu bạn không có ý định sửa đổi biến

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

60 bên trong vòng lặp, bạn có thể sử dụng từ khóa

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

3 để thay thế

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

1

Trong ví dụ này,

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

39   tạo một ràng buộc mới cho từ khóa

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

3 trong mỗi lần lặp lại vòng lặp. Nói cách khác, một hằng số

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

60 mới được tạo trong mỗi lần lặp

Lưu ý rằng

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

3 sẽ không hoạt động trong vòng lặp for bắt buộc. Cố gắng sử dụng từ khóa

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

3 để khai báo một biến trong vòng lặp mệnh lệnh

let a = 10;
a = 20;
a = a + 5;
console.log[a]; // 25
Code language: JavaScript [javascript]

38 sẽ dẫn đến kết quả là

const RATE = 0.1;
RATE = 0.2; // TypeError
Code language: JavaScript [javascript]

0

Làm cách nào để tạo const trong JavaScript?

JavaScript có hỗ trợ const không?

Sử dụng const trong JavaScript ở đâu?

Làm cách nào để gọi một hằng số trong JavaScript?