Phạm vi chức năng và phạm vi khối trong JavaScript

Biến là cách để lập trình viên đặt tên cho một giá trị để sử dụng lại, cập nhật hoặc theo dõi giá trị đó. Trong bài viết này chúng ta sẽ cùng nhau tìm hiểu cách đặt tên biến, khai báo biến, khởi tạo biến. Chúng tôi cũng sẽ tìm hiểu về các phạm vi khác nhau của các biến để đảm bảo rằng chúng tôi hoàn toàn hiểu chúng

điều kiện tiên quyết

Để làm theo hướng dẫn này, bạn cần có một trình duyệt web. Bạn có thể tải Google Chrome (một trong những ứng dụng phổ biến nhất) tại đây

Truy cập bảng điều khiển JavaScript

Chúng tôi sẽ sử dụng bảng điều khiển JavaScript để thực thi mã JavaScript trong hướng dẫn này. Để mở nó trong Google Chrome, nhấn

var favouriteThing;
favouriteThing = "Icecream!";

5 trên Windows và Linux hoặc

var favouriteThing;
favouriteThing = "Icecream!";

6 trên Mac OS

Hiểu phạm vi của các biến

Phạm vi xác định khả năng truy cập của các biến từ các phần khác nhau trong mã của bạn

JavaScript có hai loại phạm vi

1. Phạm vi toàn cầu

2. phạm vi cục bộ

Phạm vi toàn cầu

Khi một biến có phạm vi toàn cầu, điều đó có nghĩa là nó có sẵn ở mọi nơi trong chương trình của bạn. Việc khai báo một biến bên ngoài một hàm hoặc một khối bên ngoài một hàm dẫn đến việc nó nằm trong phạm vi toàn cầu

phạm vi cục bộ

Trong JavaScript, một khối được biểu thị bằng dấu ngoặc nhọn. Khoảng cách giữa các dấu ngoặc nhọn được gọi là một khối. Ví dụ, câu lệnh vòng lặp

var favouriteThing;
favouriteThing = "Icecream!";

7 và

var favouriteThing;
favouriteThing = "Icecream!";

0 tạo khối

Khi các biến được khai báo trong một hàm hoặc một khối, chúng được đặt trong phạm vi cục bộ. Điều đó có nghĩa là chúng chỉ có thể được truy cập bên trong hàm hoặc khối mà chúng được khai báo trong

Các biến phạm vi cục bộ được chia thành

• Biến phạm vi chức năng. Biến phạm vi hàm có nghĩa là biến được xác định trong hàm sẽ không thể truy cập được từ bên ngoài hàm

• Chặn các biến có phạm vi. Một biến phạm vi khối có nghĩa là biến được xác định trong một khối sẽ không thể truy cập được từ bên ngoài khối. Một khối có thể nằm bên trong một hàm và một biến phạm vi khối sẽ không khả dụng bên ngoài khối ngay cả khi khối đó nằm trong một hàm

Đặt tên biến trong JavaScript

Trước khi bắt đầu khai báo biến, bạn nên học cách đặt tên cho chúng. Dưới đây là một số quy tắc mà bạn nên tuân theo. Không tuân theo các quy tắc này sẽ gây ra lỗi

• Các biến không nên có khoảng trắng

• Các biến phải bắt đầu bằng dấu gạch dưới, ký hiệu đô la hoặc một chữ cái

• Các biến rất phân biệt chữ hoa chữ thường. Điều này có nghĩa là

  var favouriteThing;
  favouriteThing = "Icecream!";
  

  1 được coi là một biến hoàn toàn khác với biến có tên là

  var favouriteThing;
  favouriteThing = "Icecream!";
  

  2

• Các biến chỉ được chứa các chữ cái, số, dấu gạch dưới hoặc ký hiệu đô la

• Bạn không thể sử dụng bất kỳ từ dành riêng nào của JavaScript làm tên biến. Bạn có thể tìm thấy danh sách các từ dành riêng tại đây

Khai báo biến sử dụng từ khóa var

Các biến có thể được khai báo bằng từ khóa

var favouriteThing;
favouriteThing = "Icecream!";

3 như hình bên dưới

var favouriteThing;

Khi khai báo biến, bạn có thể gán giá trị cho biến như chuỗi hoặc số

Ví dụ

var favouriteThing;
favouriteThing = "Icecream!";

Cũng có thể khai báo và khởi tạo một biến cùng lúc bằng cú pháp sau

var favouriteThing = "Icecream!";

Cũng có thể khai báo hai hoặc nhiều biến trong một câu lệnh. Mỗi khai báo cách nhau bởi dấu phẩy (

var favouriteThing;
favouriteThing = "Icecream!";

4)

Ví dụ

________số 8

Từ khóa

var favouriteThing;
favouriteThing = "Icecream!";

3 được sử dụng để khai báo biến phạm vi chức năng và biến phạm vi toàn cầu

Nếu bạn sử dụng

var favouriteThing;
favouriteThing = "Icecream!";

3 bên trong một khối, biến sẽ không nằm trong phạm vi khối. Nó sẽ có phạm vi chức năng hoặc phạm vi toàn cầu tùy thuộc vào vị trí của khối

Ví dụ

var favouriteThing;
favouriteThing = "Icecream!";

1

Khai báo biến sử dụng từ khóa let

Sự khác biệt chính giữa từ khóa

var favouriteThing;
favouriteThing = "Icecream!";

3 và

var favouriteThing;
favouriteThing = "Icecream!";

8 là các biến được khai báo bằng cách sử dụng

var favouriteThing;
favouriteThing = "Icecream!";

8 là phạm vi khối, trong khi

var favouriteThing;
favouriteThing = "Icecream!";

3 là phạm vi chức năng

Ví dụ

var favouriteThing;
favouriteThing = "Icecream!";

6

Trong ví dụ trên, biến

var favouriteThing = "Icecream!";

1 chỉ tồn tại bên trong khối và việc tham chiếu nó bên ngoài khối sẽ gây ra lỗi

var favouriteThing = "Icecream!";

2

Khai báo biến sử dụng từ khóa const

Một biến được khai báo bằng từ khóa

var favouriteThing = "Icecream!";

3 phải được khởi tạo ngay lập tức với một giá trị và giá trị đó không thể được khai báo lại. Nói cách khác, sử dụng từ khóa

var favouriteThing = "Icecream!";

3 cho phép bạn khai báo các hằng số không thể thay đổi sau khi bạn đã khai báo chúng

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

var favouriteThing = "Icecream!";

3 nằm trong phạm vi khối

Ví dụ

var favouriteThing;
favouriteThing = "Icecream!";

2

Lỗi.

var favouriteThing = "Icecream!";

6, thông báo cho bạn rằng bạn không thể thay đổi giá trị của

var favouriteThing = "Icecream!";

7

Phần kết luận

Tóm lại, chúng ta đã tìm hiểu về các biến và cách chúng được khai báo và sử dụng trong JavaScript và đã trải qua các loại phạm vi biến khác nhau. Tôi hy vọng bạn thấy hướng dẫn về các biến JavaScript này hữu ích

Phạm vi chức năng trong JavaScript là gì?

Phạm vi khối chức năng có trong JavaScript không?

Chức năng và phạm vi LÀ GÌ?

Sự khác biệt giữa khối và phạm vi là gì?