Hoisting là gì ? Đặc điểm, ví dụ, ý nghĩa và cách sử dụng

Hoisting là một hành vi đặc trưng trong JavaScript, nó diễn ra trong quá trình phân tích cú pháp của mã lệnh. Trong hoisting, các khai báo biến (sử dụng var) và khai báo hàm sẽ được “nâng lên” đầu phạm vi hoạt động của chúng, có thể là toàn cục hoặc phạm vi của hàm chứa chúng. Điều này có nghĩa là bạn có thể tham chiếu đến biến hoặc hàm trước khi chúng thực sự được khai báo trong mã lệnh.

Đặc điểm của Hoisting

1. Chỉ áp dụng cho Khai báo: Chỉ có phần khai báo biến hoặc hàm mới được hoisted, không phải phần gán giá trị hoặc logic thực thi.
2. Hoisting với var: Khi sử dụng var, biến sẽ được hoisted và mặc định có giá trị undefined cho đến khi nó được gán giá trị cụ thể trong code.
3. Hoisting với Hàm: Các hàm được khai báo dưới dạng hàm thông thường (không phải biểu thức hàm) cũng được hoisted, cho phép bạn gọi hàm trước khi nó được khai báo trong mã lệnh.
4. let và const: Mặc dù let và const cũng được hoisted, nhưng chúng không được khởi tạo. Nếu bạn cố gắng truy cập chúng trước khi khai báo, JavaScript sẽ báo lỗi “ReferenceError”.

Ví dụ

console.log(x); // undefined
var x = 5;
console.log(x); // 5

console.log(y); // ReferenceError: y is not defined
let y = 10;

Trong ví dụ trên, biến x được hoisted với giá trị undefined, trong khi truy cập y trước khi khai báo dẫn đến lỗi do let không được khởi tạo khi hoisted.

Ý nghĩa và Cách sử dụng

Hoisting là một khái niệm quan trọng trong JavaScript và cần được hiểu rõ để tránh những lỗi không mong muốn. Nó khuyến khích một thực hành tốt là luôn khai báo biến ở đầu phạm vi hoạt động để tránh sự nhầm lẫn.