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 OSHiể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
Phạm vi toàn cầu
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
7 vàvar favouriteThing; favouriteThing = "Icecream!";
0 tạo khốivar favouriteThing; favouriteThing = "Icecream!";
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à
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!";
2var favouriteThing; favouriteThing = "Icecream!";
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ướivar 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ầuNế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ốiVí dụ
var favouriteThing;
favouriteThing = "Icecream!";
1Khai 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ăngVí dụ
var favouriteThing;
favouriteThing = "Icecream!";
6Trong 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!";
2Khai 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úngCác biến được khai báo bằng từ khóa
var favouriteThing = "Icecream!";
3 nằm trong phạm vi khốiVí dụ
var favouriteThing;
favouriteThing = "Icecream!";
2Lỗ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!";
7Phầ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