Hướng dẫn dùng scope JavaScript
Nội dung bài viết Giới thiệu nội dung bài viếtKhi thao tác với các biến, đối tượng và function trong lập trình web với ngôn ngữ JavaScript, không phải khi nào chúng cũng tồn tại và có thể gọi được bất cứ lúc nào để sử dụng. Mà còn tùy thuộc vào phạm vi hoạt động của chúng. Trong JavaScript, phạm vi hoạt động đó được gọi là Scope. Show Bài viết này sẽ giúp bạn hiểu rõ hơn về Scope là gì? Tìm hiểu về 2 loại Scope trong JavaScript là Global (phạm vi toàn cục) và Local (phạm vi nhất định). Đồng thời trình bày cho các bạn về Hoisting biến và Hoisting function trong ngôn ngữ lập trình web JavaScript là gì? Trong mỗi loại anh sẽ có các ví dụ minh hoạ kèm theo để hướng dẫn cụ thể cách sử dụng cho các bạn dễ dàng nắm bắt và áp dụng được vào thực hành trong lập trình web hiệu quả hơn. 1. Scope là gìTrong Javascript chúng ta định nghĩa Scope nghĩa là phạm vi hoạt động của biến, đối tượng và function. Khi nào chúng tồn tại và khi nào có thể gọi được chúng. Có 2 loại scope trong javascript là Global (phạm vi toàn cục) và Local (phạm phi nhất định) 2. Global scope là gìCác biến khai báo ngoài các function được gọi là global. Biến này được dùng chung cho các function, các function có thể thấy được biến này và thay đổi giá trị của biến này
Trong ví dụ trên biến userName là global nên function modifyUserName và showUserName có thể thấy được và sử dụng được Các biến khai báo trong function nhưng không có từ khoá var, thì cũng được xem là biến có scope global.
3. Local scope là gìCác biến được khai báo bên trong function và có từ khoá var được gọi là local. Biến local chỉ được sử dụng bên trong function. Các function khác bên ngoài không thể sử dụng được biến local này
Trong ví dụ trên biến userName chỉ được sử dụng trong function createUserName mà thôi, các function khác không thấy được biến này. 4. Hoisting biến gìHoisting là một khái niệm được đưa vào Javascript, nó khác với các ngôn ngữ lập trình khác. Ý chính của hoisting là các biến và function có thể được dùng trước khi mình khai báo. Thông thường chúng ta code như sau.
Chúng ta khai báo var x, sau đó chúng ta gán giá trị x = 1, cuối cùng là thực hiện function alert. Hoisting cho phép chúng ta sử dụng biến x trước khi khai báo như sau:
Như vậy ta thấy khai báo var x ở dòng cuối cùng. Khi Javascript biên dịch nó sẽ tự động đưa dòng var x lên phía trên cùng của file javascript. Như vậy sẽ không có lỗi xảy ra. 5. Hoisting function gìCũng tương tự như biến chúng ta cũng có thể hoisting cho function. Khi Javascript biên dịch nó sẽ di chuyển định nghĩa function lên phía trên cùng. Như vậy sẽ không có lỗi xảy ra.
Mọi người hãy Subscribe kênh youtube dưới đây nhé để cập nhật các video mới nhất về kỹ thuật và kỹ năng mềmCác khoá học lập trình MIỄN PHÍ tại đây |