Biến trong JavaScript (Phần 2) - Khởi tạo biến bằng từ khóa var và let

Dẫn nhập

Ở bài trước, chúng ta đã cùng tìm hiểu các đặc điểm cơ bản của biến trong JavaScript.

Ở bài này, chúng ta sẽ cùng tìm hiểu kĩ hơn về cách khởi tạo biến trong JavaScript, hai từ khóa là let và var.

Nội dung

Để bắt đầu học bài này, các bạn cần nắm vững kiến thức về:

• Các khái niệm cơ bản về biến trong JavaScript
• Kiến thức về biến cục bộ và biến toàn cục
• Hiểu về khối lệnh trong JavaScript

Ở bài này, có 2 nội dung mà chúng ta sẽ được tiếp cận:

• Khởi tạo biến bằng từ khóa let
• Khởi tạo biến bằng từ khóa var
• Những sự khác biệt giữa 2 cách khởi tạo var và let

Khởi tạo biến bằng từ khóa let

Từ khóa let giúp chúng ta khởi tạo một biến cục bộ, tức là chỉ có thể được sử dụng bên trong khối lệnh nơi nó được khởi tạo.

Nếu các bạn còn nhớ, thì việc cố gắng truy cập vào một biến cục bộ ở nơi không phù hợp sẽ gây lỗi.

Ví dụ:

{
     let t = "Kteam";
}
// undefined
t
// Uncaught ReferenceError: t is not defined

Khởi tạo biến bằng từ khóa var

Ngược lại với let, từ khóa var giúp chúng ta khởi tạo biến toàn cục. Tức là, biến đó có thể được truy cập từ bất kì vị trí nào trong chương trình. Tuy nhiên, đối với hàm (chương trình con), thì dùng từ khóa var sẽ tạo ra các biến chỉ có thể được sử dụng bên trong hàm đó. Điều này sẽ được Kteam giải thích kĩ hơn ở bài “function trong Js”.

Ví dụ:

{
     var t = "Kteam";
 }
// undefined
t
// Kteam
// undefined

Tuy nhiên, Kteam không khuyến khích các bạn dùng quá nhiều biến toàn cục nếu không thực sự cần thiết, thay vào đó giải pháp tối ưu là dùng biến cục bộ nếu có thể.

Những sự khác biệt giữa 2 cách khởi tạo var và let

Ngoài sự khác biệt cơ bản (let – biến cục bộ, var – biến toàn cục), thì việc khởi tạo biến bằng 2 cách cũng có nhiều sự khác biệt thú vị khác.

var cho phép sử dụng biến trước khi được khởi tạo (trước khi xuất hiện câu lệnh khởi tạo, giá trị ban đầu là undefined), còn let thì không

console.log(t); 
// in ra undefined
var t = 10;

console.log(f); // in ra lỗi

let f = 5;

Về việc khởi tạo lại một biến, thì var cho phép, còn let sẽ nhả ra lỗi. Thực chất, khởi tạo lại bằng var chỉ là làm thay đổi giá trị của biến đó mà thôi.

let t = 4
// undefined

let t = 3

// Uncaught SyntaxError:
Identifier 't' has already
been declared

var t = 4
// undefined

var t = 6
// undefined

t
// 6

Lưu ý: Ta không thể khởi tạo lại một biến bằng var nếu như nó đã được khởi tạo bằng let trước đó. Việc làm ngược lại cũng là sai.

Kết luận

Qua bài này, các bạn đã được tìm hiểu về cách sử dụng 2 từ khóa: let và var trong JavaScript

Ở bài sau, chúng ta sẽ cùng tìm hiểu về toán tử gán và các toán tử so sánh 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 2) - Khởi tạo biến bằng từ khóa var và let 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