Hướng dẫn var trong javascript
Một trong những tính năng nổi bật của ECMAScript 2015 đó là sự bổ sung let và const phục vụ cho việc khai báo biến dữ liệu. Vậy sự khác biệt giữa biến khai báo dùng let và biến khai báo dùng var là gì, thì ở bài viết này chúng ta sẽ cùng tìm hiểu . Show ECMAScript 2015ES2015 đã giới thiệu 2 keywords mới quan trọng là: Hai từ khóa này cung cấp các biến Block Scope (và constant) trong JavaScript. Trước ES2015, JavaScript chỉ có 2 loại phạm vi: phạm vi toàn cục (Global Scope) và phạm vi của hàm (Function Scope). Global ScopeNhững biến được khai báo bên ngoài bất kì một hàm sẽ có phạm vi toàn cục. Ví dụ:
Biến toàn cục có thể được truy cập từ bất cứ đâu trong chương trình JavaScript . Function ScopeBiến được khai báo cục bộ (bên trong một hàm) sẽ có phạm vi cục bộ. Ví dụ:
Biến cục bộ chỉ có thể được truy cập từ bên trong hàm nơi chúng được khai báo. JavaScript Block ScopeBiến được khai báo với từ khóa Biến được khai báo bên trong một block (block là code trong dấu ngoặc nhọn {} ) có thể được truy cập từ bên ngoài block. Ví dụ:
Trước ES2015 JavaScript không có Block Scope. Biến được khai báo với từ khóa Biến được khai báo bên trong một block {} không thể được truy cập từ bên ngoài block: Ví dụ:
Redeclaring (khai báo trùng lặp)Khai báo lại
một biến bên trong một block với từ khóa
Khai báo lại một biến bên trong một block với từ khóa
Loop ScopeSử dụng
Sử dụng
Trong ví dụ sử dụng Trong ví dụ sử dụng Function ScopeBiến được khai báo với Cả hai sẽ có Function Scope:
Global ScopeBiến được khai báo với Cả hai sẽ có Global Scope:
Biến Global trong HTMLVới JavaScript, phạm vi toàn cục là môi trường JavaScript. Trong HTML, phạm vi toàn cục là đối tượng window. Biến global được xác định bằng từ khóa Ví dụ:
Biến global được xác định bằng từ khóa
Redeclaring (khai báo trùng lặp )Redeclaring một biến JavaScript với
Redeclaring một biến kiểu
Redeclaring một biến kiểu
Redeclaring một biến kiểu
Redeclaring một biến với
HoistingBiến kiểu Thế nào là hoisting? Hoisting là cách javascript kéo tất cả các khai báo biến lên trên scope hiện tại.
Sau khi hoisting đoạn code trên được viết lại như sau:
Biến
kiểu
Lời kếtTrên đây là những kiến thức về biến Cảm ơn các bạn đã đọc bài viết, nếu các bạn thấy hay thì ủng hộ giúp mình, có bất kì ý kiến đóng góp gì thì mong các bạn để lại comment ở dưới để chúng ta cùng thảo luận. Nguồn tham khảo: w3schools |