Bạn đang quan tâm đến Khái Niệm Hoisting Là Gì ? Hoisting Tốt Hay Xấu, Chỉ Cần 1 Phút Để Hiểu phải không? Nào hãy cùng TTTD đón xem bài viết này ngay sau đây nhé, vì nó vô cùng thú vị và hay đấy!
XEM VIDEO Khái Niệm Hoisting Là Gì ? Hoisting Tốt Hay Xấu, Chỉ Cần 1 Phút Để Hiểu tại đây.

Bài viết hôm nay của mình để cập đến một tính chất của Javascript đó là Hoisting, vậy Hoisting là gì ?? Hoisting của biến và của hàm khác gì nhau ?? Chúng ta sẽ làm rất rất nhiều ví dụ bên dưới để hiểu rõ hơn nhé (ok)1. Javacript Hoisting?
Bắt đầu với ví dụ 1 nào (len)
#Ex1: console.log(a);Kết quả không có gì lạ: raise lỗi a is not define, bởi biến a chưa được khai báo ở đâu cả
Ví dụ 2:
#Ex2:console.log(a);a = “Hello Hoisting”;Ví dụ này có vẻ phức tạp hơn ví dụ trên “rất nhiều” nhưng kết quả vẫn chỉ có một: a is not define
Ví dụ 3:
#Ex3:var a;console.log(a);Output sẽ là undefined vì a đã được khai báo nhưng vẫn chưa được gán giá trị
Ví dụ 4
#Ex4:console.log(a);var a;Thật tình cờ và thật bất ngờ, kết quả ra trùng với Ex3, đều là undefinedTại sao lại như vậy ???
Định nghĩa
Hoisting là hành động mặc định của Javascript, nó sẽ chuyển phần khai báo lên phía trên topTrong Javascript, một biến (variable) có thể được khai báo sau khi được sử dụng
Chúng ta sẽ tiếp tục làm Ex5 và phần giải thích làm rõ hơn cho ví dụ 4.
#Ex5console.log(a);var a = “Hello Hoisting”#Output = ???Kết quả sẽ được diễn giải theo sơ đồ sau:

Giải thích:
Trình biên dịch của Javascript sẽ phân tách phần var a = “Hello Hoisting” thành 2 phần là khai báo và gán giá trị
Khai báo: var aGán giá trị a = “Hello Hoisting”
Theo Hoisting, Javascipt sẽ chuyển phần khai báo lên trên top. Vì vậy, sẽ chỉ có phần khai báo được chuyển lên trên top, còn phần gán giá trị vẫn giữ nguyên thứ tự nên vẫn ở dướiVậy nên Output sẽ là undefined
2.
Bạn đang xem: Hoisting là gì
Xem thêm: Tiểu Sử Amee Sinh Năm Bao Nhiêu, Tiểu Sử, Nhan Sắc Và Sự Nghiệp Thăng Hạng Tuổi 21 Của Amee
Xem thêm:
Hoisting of function?
Định nghĩa
Trình biên dịch Javascript sẽ chuyển phần khai báo lên trên top giống như cách làm với biến.Ví dụ 6:
say_something(“YOLO”);function say_something(a){ console.log(a);}Output cũng giống như với phần biến YOLO
Ví dụ 7:
#Ex7:do_something();function do_something(){ console.log(a); var a = “fly”;}Kết quả sẽ được diễn giải theo sơ đồ sau:

Giải thích:
Cũng giống như với phần 1, phần bên trong của hàm do_something cũng được trình biên dịch sử dụng hoisting.Nhưng phần khai báo chỉ được chuyển lên trên top của hàm do_something chứ không phải của chương trình
Vậy nên, Output sẽ là undefined
3. Hoisting function vs Hoisting variable
Định nghĩa:
Trình biên dịch Javascript sẽ chuyển phần đinh nghĩa của hàm trước phần khai báo của biếnVí dụ 8:
var show_me;show_me();function show_me() { console.log(“Money”);}show_me = function() { console.log(“Diamond”);}Theo định nghĩa trên, output sẽ là Money
Những hàm khai báo sau nếu trùng tên sẽ ghi đè lên hàm khai báo trước
Ví dụ 9:
var show_me;show_me();function show_me(){ console.log(“Money”);}show_me = function(){ console.log(“Diamond”);}function show_me(){ console.log(“Gem”);}Output sẽ là Gem
4. Tổng kếtTrình biên dịch của Javascript sẽ chuyển phần khai báo của biến và hàm lên trên top, nó được gọi là HoistingChỉ có phần khai báo được đưa lên top, không phải phần gán giá trịPhần khai báo hàm được đưa lên trước phần khai báo của biến5. Tài liệu tham khảo
https://github.com/getify/You-Dont-Know-JS/blob/master/scope %26 closures/ch4.md – You don”t know JShttps://90namdangbothanhhoa.vn/p/javascript-hoisting-explained-DljMbVKJMVZn – JavaScript Hoisting Explained – Lê Minh Tuấn – 90namdangbothanhhoa.vn
Chuyên mục: CUỘC SỐNG
Vậy là đến đây bài viết về Khái Niệm Hoisting Là Gì ? Hoisting Tốt Hay Xấu, Chỉ Cần 1 Phút Để Hiểu đã dừng lại rồi. Hy vọng bạn luôn theo dõi và đọc những bài viết hay của chúng tôi trên website TTTD.VN
Chúc các bạn luôn gặt hái nhiều thành công trong cuộc sống!
- [SỰ THẬT] Etherconnect – Dự án giúp bạn kiếm tiền tỷ trong năm 2022
- Coil whine là gì? Cách khắc phục Coil whine trên laptop, PC
- Ý nghĩa của volcano trong tiếng Anh
- Thích ăn những món tráng miệng ngon
- Ưu điểm dịch vụ vận chuyển qua chành xe & khi nào bạn nên sử dụng dịch vụ này
- Cách gõ tiếng việt trong Proshow Gold
- Tiểu Sử Alan Walker Bao Nhiêu Tuổi, Alan Walker Là Ai
- Abs Nghĩa Là Gì – Những Ý Nghĩa Của Abs
- Công thức làm bánh mì hoa cúc chuẩn Pháp thơm ngon tại nhà
- Michael jordan là ai