Hãy để JavaScript

❮ Trước Sau ❯

Từ khóa let được giới thiệu trong ES6 (2015)

Các biến được khai báo bằng let có Phạm vi khối

Các biến được khai báo bằng let phải được khai báo trước khi sử dụng

Các biến được khai báo bằng let không thể được khai báo lại trong cùng một phạm vi

Phạm vi chặn

Trước ES6 (2015), JavaScript không có Block Scope .

JavaScript có Phạm vi toàn cầu và Phạm vi chức năng .

ES6 đã giới thiệu hai từ khóa JavaScript mới: let và const .

Hai từ khóa này đã cung cấp Phạm vi chặn trong JavaScript:

Ví dụ

Các biến được khai báo bên trong khối { } không thể được truy cập từ bên ngoài khối:

{
let x = 2;
}
// x can NOT be used here

Phạm vi toàn cầu

Các biến được khai báo bằng var luôn có Global Scope .

Các biến được khai báo bằng từ khóa var KHÔNG được có phạm vi khối:

Ví dụ

Các biến được khai báo bằng var bên trong khối { } có thể được truy cập từ bên ngoài khối:

{
var x = 2;
}
// x CAN be used here

Không thể được khai báo lại

Các biến được xác định bằng let không thể được khai báo lại.

Bạn không thể vô tình khai báo lại một biến được khai báo bằng let .

Với let bạn không thể làm điều này:

let x = "John Doe";

let x = 0;

Các biến được xác định bằng var có thể được khai báo lại.

Với var bạn có thể làm điều này:

var x = "John Doe";

var x = 0;

Khai báo lại các biến

Việc khai báo lại một biến bằng từ khóa var có thể gây ra vấn đề.

Khai báo lại một biến bên trong một khối cũng sẽ khai báo lại biến bên ngoài khối đó:

Ví dụ

var x = 10;
// Here x is 10

{
var x = 2;
// Here x is 2
}

// Here x is 2

Hãy tự mình thử »

Khai báo lại một biến bằng từ khóa let có thể giải quyết được vấn đề này.

Khai báo lại một biến bên trong một khối sẽ không khai báo lại biến bên ngoài khối:

Ví dụ

let x = 10;
// Here x is 10

{
let x = 2;
// Here x is 2
}

// Here x is 10

Hãy tự mình thử »

Sự khác biệt giữa var, let và const

	Phạm vi	Khai báo lại	Phân công lại	nâng lên	Ràng buộc điều này
var	KHÔNG	Đúng	Đúng	Đúng	Đúng
cho phép	Đúng	KHÔNG	Đúng	KHÔNG	KHÔNG
hằng số	Đúng	KHÔNG	KHÔNG	KHÔNG	KHÔNG

Điều gì tốt?

let và const có phạm vi khối .

let và const không thể được khai báo lại .

let và const phải được khai báo trước khi sử dụng.

let và const không liên kết với this .

let và const không được nâng lên .

Điều gì là không tốt?

var không cần phải khai báo.

var được nâng lên.

var liên kết với điều này.

Hỗ trợ trình duyệt

Từ khóa let và const không được hỗ trợ trong Internet Explorer 11 trở về trước.

Bảng sau xác định các phiên bản trình duyệt đầu tiên được hỗ trợ đầy đủ:


Chrome 49	Edge 12	Firefox 36	Safari 11	Opera 36
Mar, 2016	Jul, 2015	Jan, 2015	Sep, 2017	Mar, 2016

Khai báo lại

Việc khai báo lại một biến JavaScript bằng var được phép ở bất kỳ đâu trong chương trình:

Ví dụ

var x = 2;
// Now x is 2

var x = 3;
// Now x is 3

Hãy tự mình thử »

Với let , KHÔNG được phép khai báo lại một biến trong cùng một khối:

Ví dụ

var x = 2;   // Allowed
let x = 3;   // Not allowed

{
let x = 2;   // Allowed
let x = 3;   // Not allowed
}

{
let x = 2;   // Allowed
var x = 3;   // Not allowed
}

Khai báo lại một biến với let , trong một khối khác, IS được phép:

Ví dụ

let x = 2;   // Allowed

{
let x = 3;   // Allowed
}

{
let x = 4;    // Allowed
}

Hãy tự mình thử »

Hãy cẩu

Các biến được xác định bằng var được đưa lên trên cùng và có thể được khởi tạo bất kỳ lúc nào.

Ý nghĩa: Bạn có thể sử dụng biến trước khi nó được khai báo:

Ví dụ

Điều này ổn:

carName = "Volvo";
var carName;

Hãy tự mình thử »

Nếu bạn muốn tìm hiểu thêm về hoisting, hãy nghiên cứu chương JavaScript Hoisting .

Các biến được xác định bằng let cũng được đưa lên đầu khối nhưng không được khởi tạo.

Ý nghĩa: Sử dụng biến let trước khi nó được khai báo sẽ dẫn đến ReferenceError :

Ví dụ

carName = "Saab";
let carName = "Volvo";

Hãy tự mình thử »

❮ Trước Sau ❯

★ +1

Người tìm đường W3schools

Theo dõi tiến trình của bạn - hoàn toàn miễn phí!

Câu đố

Được chứng nhận

Đăng nhập Đăng ký

Người tìm đường và việc học của tôi

Nâng cấp

Bắt đầu từ đâu

Trình chỉnh sửa mã (Dùng thử)

Video

Mẫu

Web hosting

Tạo một máy chủ

Làm thế nào để

Khung CSS

Thống kê trình duyệt

Tốc độ gõ

Đào tạo AWS

Bộ chọn màu

Trò chơi mã

Đặt mục tiêu

Bản tin

Việc làm

Liên hệ chúng tôi

Lớp học

Hướng dẫn về JS

Phiên bản JS

Đối tượng JS

Hàm JS

Các lớp JS

JS không đồng bộ

DOM HTML

BOM trình duyệt JS

API Web JS

JS AJAX

JSON JSON

JS và jQuery

Đồ họa JS

Ví dụ về JS

Tài liệu tham khảo JS

Hãy để JavaScript

Phạm vi chặn

Ví dụ

Phạm vi toàn cầu

Ví dụ

Không thể được khai báo lại

Khai báo lại các biến

Ví dụ

Ví dụ

Sự khác biệt giữa var, let và const

Điều gì tốt?

Điều gì là không tốt?

Hỗ trợ trình duyệt

Khai báo lại

Ví dụ

Ví dụ

Ví dụ

Hãy cẩu

Ví dụ

Ví dụ

MÁY CHỌN MÀU

Liên hệ bán hàng

Báo cáo lỗi

Hướng dẫn hàng đầu

Tài liệu tham khảo hàng đầu

Ví dụ hàng đầu

Được chứng nhận