Biến trong JavaScript (Phần 1) - Biến và Hằng số

Dẫn nhập

Ở bài trước, chúng ta đã cùng tìm hiểu về các khái niệm cơ bản nhất của một chương trinh JavaScript. Ở bài này, chúng ta sẽ cùng nhau tìm hiểu về biến trong  JavaScript.

Nội dung chính

Để nắm được nội dung bài này, bạn cần:

• Cài đặt sẵn môi trường nodejs
• Hiểu về câu lệnh, khối lệnh trong JavaScript

Cụ thể, ở bài này, nội dung mà chúng ta sẽ cùng tìm hiểu:

• Khái quát về biến trong JavaScript
• Biến cục bộ và biến toàn cục
• Hằng số trong JavaScript

Khái quát về biến trong JavaScript

Biến là gì ?

Hiểu một cách đơn giản, biến là một đại diện cho một phân vùng bộ nhớ nhất định, giúp lưu trữ các giá trị cần thiết. Việc gọi ra một biến cũng tương đương với việc ta lấy ra giá trị của một vùng bộ nhớ nào đó.

Biến trong JavaScript

Trong JavaScript, một biến chỉ có thể được sử dụng khi nó được khai báo. Một biến có thể được khai báo theo một trong 2 cách: sử dụng từ khóa let hoặc sử dụng từ khóa var.

Cú pháp:

<Từ_khóa> <tên biến> = <giá trị khởi đầu>;

Trong đó:

• <Từ_khóa>: Là một trong 2 từ khóa: let hoặc var.
• <tên biến>: Là tên của biến mà bạn định khởi tạo. Tên biến phải phù hợp với các yêu cầu sau:
  • Tên có thể bao gồm các kí tự chữ cái, kí tự số, dấu gạch dưới hoặc kí hiệu đô la ($)
  • Tên không được bắt đầu bằng số
• <giá trị khởi đầu>: là một giá trị hợp lệ trong Js, nó sẽ là giá trị của biến sau khi được khởi tạo.

Ví dụ:

let myVariable = 5; // Khởi tạo biến myVariable có giá trị là 5
//undefined
var name = "Kteam"; // Khởi tạo biến name có giá trị là “Kteam”
//undefined
name // in ra giá trị của biến name
//'Kteam'
myVariable // in ra giá trị của biến myVariable
//5
var u // Khởi tạo biến u
//undefined
u // in ra giá tị của biến u
//Undefined
var 5$ = 5; // vi phạm quy tắc đặt tên
//var 5$ = 5;
    ^
//Uncaught SyntaxError: Invalid or unexpected token
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

Lưu ý:

• Không khuyến khích đặt tên biến bằng các từ khóa.
•  <giá trị khởi đầu> có thể có hoặc không. Nếu giá trị khởi đầu không được xác định, thì nó sẽ là undefined.
• JavaScript có phân biệt chữ hoa và chữ thường, do đó for khác với FOR

Biến cục bộ và biến toàn cục

Biến cục bộ

Biến cục bộ là biến chỉ có thể được sử dụng nội bộ bên trong một khối lệnh hay một hàm (khái niệm sẽ được Kteam đề cập ở các bài sau).

Việc cố gắng sử dụng biến cục bộ ở bên ngoài khối lệnh của nó sẽ gây ra lỗi.

Trong JavaScript , một biến cục bộ sẽ được khai báo bằng từ khóa let.

Ví dụ:

{
let how = 5; // Khởi tạo biến how bằng 5
{
         console.log(how); // in ra 5, vì how đã được khai báo
         let kteam = "Kteam"; // Khởi tạo biến kteam bằng “Kteam”
     }
     console.log(kteam); // Báo lỗi, vì biến kteam chỉ có thể được sử dụng bên trong khối lệnh chứa nó
 }
// 5
// Uncaught ReferenceError: kteam is not defined
1
2
3
4
5
6
7
8
9
10

Biến toàn cục

Biến toàn cục là biến mà có thể được sử dụng ở bất kì vị trí nào bên trong chương trình.

Không giới hạn các vị trí mà có thể dùng biến toàn cục.

Trong JavaScript , biến toàn cục được khởi tạo bằng từ khóa var.

Ví dụ:

{
     var kteam = "kteam"; // Khởi tạo biến toàn cục kteam = “kteam”
     {
         var how = "how"; // khởi tạo biến toàn cục how = “how”
     }
     console.log(how); // in ra how
 }
// how
// undefined
console.log(kteam); // in ra kteam
// kteam
// undefined
1
2
3
4
5
6
7
8
9
10
11
12
13

Hằng số

Hằng số là một giá trị được khởi tạo một lần trong chương trình và là bất biến (không thể thay đổi)

Việc cố gắng thay đổi một hằng số, chắc chắn rồi, sẽ gây ra lỗi.

Trong JavaScript , hằng số được khởi tạo bằng từ khóa const.

Ví dụ:

const a = 12;
// undefined
a
// 12
a = 123
// Uncaught TypeError: Assignment to constant variable.
1
2
3
4
5
6
7

Kết luận

Qua bài này, các bạn đã được tìm hiểu về các khái niệm cơ bản nhất về biến trong Js.

Ở bài sau, chúng ta sẽ cùng tìm hiểu về hai từ khóa:Khởi tạo biến bằng từ khóa var và let trong JavaScript .

Cảm ơn các bạn đã theo dõi bài viết. Hãy để lại bình luận hoặc góp ý của mình để phát triển bài viết tốt hơn. Đừng quên “Luyện tập – Thử thách – Không ngại khó”.

---

Tải xuống

Tài liệu

Nhằm phục vụ mục đích học tập Offline của cộng đồng, Kteam hỗ trợ tính năng lưu trữ nội dung bài học Biến trong JavaScript (Phần 1) - Biến và Hằng số dưới dạng file PDF trong link bên dưới.

Ngoài ra, bạn cũng có thể tìm thấy các tài liệu được đóng góp từ cộng đồng ở mục TÀI LIỆU trên thư viện Howkteam.com

Đừng quên like và share để ủng hộ Kteam và tác giả nhé!

Thảo luận

Nếu bạn có bất kỳ khó khăn hay thắc mắc gì về khóa học, đừng ngần ngại đặt câu hỏi trong phần BÌNH LUẬN bên dưới hoặc trong mục HỎI & ĐÁP trên thư viện Howkteam.com để nhận được sự hỗ trợ từ cộng đồng.

CỘNG ĐỒNG HỎI ĐÁP HOWKTEAM.COM

GROUP THẢO LUẬN FACEBOOK