Bạn đang xem : phạm vi trong javascript là gì
JavaScript
Phạm vi
Phạm vi xác định khả năng truy cập (khả năng hiển thị) của các biến.
JavaScript có 3 loại phạm vi:
- Phạm vi khối
- Phạm vi chức năng
- Phạm vi toàn cầu
Phạm vi khối
Trước ES6 (2015), JavaScript chỉ 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 quan trọng: let và const .
Hai từ khóa này cung cấp Phạm vi khối trong JavaScript.
Không thể truy cập các biến được khai báo bên trong khối {}
từ bên ngoài khối:
Ví dụ
{
cho x = 2;
}
// KHÔNG thể sử dụng x ở đây
Các biến được khai báo với từ khóa var KHÔNG được có phạm vi khối.
Các biến được khai báo bên trong khối {} có thể được truy cập từ
bên ngoài khối.
Ví dụ
{
var x = 2;
}
// x CÓ THỂ được sử dụng ở đây
Phạm vi địa phương
Các biến được khai báo trong một hàm JavaScript, trở thành
LOCAL tới
chức năng.
Ví dụ
// mã ở đây KHÔNG được sử dụng carName
function myFunction () {
let carName = “Volvo”;
// mã ở đây CÓ THỂ sử dụng carName
}
// mã ở đây KHÔNG thể sử dụng carName
Hãy tự mình thử »
Các biến cục bộ có Phạm vi chức năng :
Chỉ có thể truy cập chúng từ bên trong hàm.
Vì các biến cục bộ chỉ được nhận dạng bên trong các hàm của chúng, nên các biến có cùng tên có thể được sử dụng trong các hàm khác nhau.
Các biến cục bộ được tạo khi một hàm bắt đầu và bị xóa khi hoàn thành hàm.
Phạm vi chức năng
JavaScript có phạm vi chức năng: Mỗi chức năng tạo ra một phạm vi mới.
Các biến được xác định bên trong một hàm không thể truy cập (hiển thị) từ bên ngoài
chức năng.
Các biến được khai báo bằng var , let
và const là
khá giống khi được khai báo bên trong một hàm.
Tất cả chúng đều có Phạm vi chức năng :
hàm myFunction () {
var carName = “Volvo”;
// Phạm vi chức năng
}
hàm myFunction () {
let carName = “Volvo”; //
Phạm vi chức năng
}
hàm myFunction () {
const carName = “Volvo”; //
Phạm vi chức năng
}
Biến JavaScript toàn cục
Một biến được khai báo bên ngoài một hàm sẽ trở thành GLOBAL .
Ví dụ
let carName = “Volvo”;
// mã ở đây có thể sử dụng carName
hàm myFunction () {
// mã ở đây cũng có thể sử dụng carName
}
Hãy tự mình thử »
Một biến toàn cục có Phạm vi toàn cục :
Tất cả các tập lệnh và chức năng trên một trang web đều có thể truy cập nó.
Phạm vi toàn cầu
Các biến được khai báo Toàn cầu (bên ngoài bất kỳ hàm nào) có
Phạm vi toàn cầu .
Các biến Toàn cục có thể được truy cập từ bất kỳ đâu trong chương trình JavaScript.
Các biến được khai báo bằng var , let
và const là
khá giống khi được khai báo bên ngoài một khối.
Tất cả đều có Phạm vi toàn cầu :
var x = 2;
// Phạm vi toàn cầu
cho x = 2; //
Phạm vi toàn cầu
const x = 2; //
Phạm vi toàn cầu
Biến JavaScript
Trong JavaScript, các đối tượng và hàm cũng là các biến.
Phạm vi xác định khả năng truy cập của các biến, đối tượng và hàm từ
các phần khác nhau của mã.
Tự động toàn cầu
Nếu bạn gán một giá trị cho một biến chưa được khai báo, nó sẽ tự động trở thành một biến TOÀN CẦU .
Ví dụ mã này sẽ khai báo một biến toàn cục carName , ngay cả khi
giá trị được gán bên trong một hàm.
Ví dụ
myFunction ();
// mã ở đây có thể sử dụng carName
hàm myFunction () {
carName = “Volvo”;
}
Hãy tự mình thử »
Chế độ nghiêm ngặt
Tất cả các trình duyệt hiện đại đều hỗ trợ JavaScript chạy ở “Chế độ nghiêm ngặt”.
Bạn sẽ tìm hiểu thêm về cách sử dụng chế độ nghiêm ngặt trong chương sau của hướng dẫn này.
Trong “Chế độ nghiêm ngặt”, các biến chưa được khai báo không tự động có tính toàn cục.
Biến toàn cục trong HTML
Với JavaScript, phạm vi toàn cầu là môi trường JavaScript.
Trong HTML, phạm vi toàn cục là đối tượng cửa sổ.
Các biến toàn cục được xác định bằng từ khóa var thuộc đối tượng window:
Ví dụ
var carName = “Volvo”;
// mã ở đây
có thể sử dụng window.carName
Hãy tự mình thử »
Các biến toàn cục được xác định bằng từ khóa let không thuộc đối tượng window:
Ví dụ
let carName = “Volvo”;
// mã ở đây không thể sử dụng window.carName
Hãy tự mình thử »
Cảnh báo
KHÔNG tạo các biến toàn cục trừ khi bạn có ý định.
Các biến tổng thể (hoặc các hàm) của bạn có thể ghi đè các biến cửa sổ (hoặc
các chức năng).
Bất kỳ chức năng nào, kể cả đối tượng cửa sổ, đều có thể ghi đè lên toàn cục của bạn
biến và hàm.
Thời gian tồn tại của các biến JavaScript
Thời gian tồn tại của một biến JavaScript bắt đầu khi nó được khai báo.
Các biến hàm (cục bộ) sẽ bị xóa khi hoàn thành hàm.
Trong trình duyệt web, các biến toàn cục sẽ bị xóa khi bạn đóng trình duyệt
cửa sổ (hoặc tab).
Đối số hàm
Các đối số của hàm (tham số) hoạt động như các biến cục bộ bên trong các hàm.
Xem thêm những thông tin liên quan đến chủ đề phạm vi trong javascript là gì
IIFE trong Javascript là gì? Hiểu IIFE cùng F8 nha!
- Tác giả: F8 Official
- Ngày đăng: 2021-04-03
- Đánh giá: 4 ⭐ ( 6346 lượt đánh giá )
- Khớp với kết quả tìm kiếm: Xem chọn bộ Javascript nâng cao của F8: https://www.youtube.com/watch?v=MGhw6XliFgo&list=PL_-VfJajZj0U1MSx1IMu13oLJq2nM97ac
Lưu ý: Trong video có một đoạn mình nói chưa rõ cho lắm, đó là đoạn một hàm có các toán tử đứng trước như: !function() {}, +function() {}, -function() {}, v.v đều trở thành một expression function. Vì vậy bạn chỉ cần thêm toán tử “call” vào sau chúng là có thể invoke hàm này. Nên các cú pháp như vậy vẫn có thể được sử dụng để tạo ra 1 IIFE. Ví dụ: !function() {}(), +function() {}(), -function() {}(), v.v
IIFE viết tắt của Immediately invoked function expression. Là một biểu thức tạo ra một hàm được thực thi ngay lập tức. Ứng dụng của IIFE là tạo ra một phạm vi hàm mới với cách viết ngắn gọn.
Xem tổng quan khóa học: https://youtu.be/MGhw6XliFgo
—
Bạn muốn học lập trình hiệu quả hơn không?
Hãy học tại trang web http://fullstack.edu.vn thay vì Youtube. Lý do tại sao mời bạn bấm vào đây: https://www.youtube.com/watch?v=f5hbmw7Ba7choclaptrinh frontend html-css javascript backend devops
—————————————☻ Phần mềm sử dụng trong video:
Công cụ dịch Tiếng Anh: http://bit.ly/2Wsuhet
Công cụ đo đạc giao diện web: http://bit.ly/3muevdD
Công cụ viết CV xin việc chuyên nghiệp: https://mycv.vn☻ Tiện ích cho Visual Studio Code:
Gợi ý code: Tabnine Autocomplete AI (http://bit.ly/34rl0Yr)
Tự động đóng thẻ: Auto Close Tag (http://bit.ly/3mwoJue)
Tự động đổi tên thẻ đóng/mở: Auto Rename Tag (http://bit.ly/3nB0ADS)
Thêm màu sắc cho các cặp ngoặc: Bracket Pair Colorizer (http://bit.ly/37wgXfC)
Icon theme: Material Icon Theme (http://bit.ly/37ukU4b)
Hiển thị thông tin Git (commit, author, …): Gitlens (http://bit.ly/3gYlaf9)☻ Khóa học lập trình web MIỄN PHÍ:
Kiến thức cơ bản, cốt lõi cho dân IT: https://fullstack.edu.vn/courses/lessons-for-newbie
HTML, CSS từ zero đến Hero: https://fullstack.edu.vn/courses/html-css
Xây dựng web responsive: https://fullstack.edu.vn/courses/responsive-web-design
Lập trình Javascript cơ bản: https://fullstack.edu.vn/courses/javascript-co-ban
Xây dựng web với Node & Express: https://fullstack.edu.vn/courses/nodejs
HTML, CSS tips: https://fullstack.edu.vn/courses/html-css-tutorials
Ứng dụng cảnh báo khi sờ lên mặt: https://fullstack.edu.vn/courses/tool-canh-bao-so-len-mat
Xem thêm tại: https://fullstack.edu.vn/courses☻ Chú ý :
– Không văng tục chửi bậy, bình luận có văn hóa.
– Không hỏi khi chưa xem xong video.
Sai phạm sẽ được mời khỏi kênh.☻ F8 là nơi học lập trình để đi làm!
Tại sao bạn nên học lập trình tại đây? Ở đây chúng tôi có:
– Nội dung bài học chỉn chu và chi tiết giúp học viên hiểu từ cái gốc
– Kỹ năng sư phạm khác biệt từ người dạy giúp học viên có thêm nhiều động lực
– Hình ảnh và âm thanh chất lượng cao giúp học viên thêm hứng thú🍺 Buy me a beer
https://www.buymeacoffee.com/f8officialF8 Official
(c) Sơn Đặng
Website: https://fullstack.edu.vn
Facebook cá nhân: https://facebook.com/sondnmc
Nhóm Học Lập Trình Web: https://www.facebook.com/groups/f8official
Email: sondnf8@gmail.com© Bản quyền thuộc về Channel F8 Official ☞ Do not Reup
© Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức.
Phạm vi biến trong JavaScript
- Tác giả: niithanoi.edu.vn
- Đánh giá: 5 ⭐ ( 1317 lượt đánh giá )
- Khớp với kết quả tìm kiếm: Một trong những điều khiến chuyên gia lập trình JavaScript khác biệt người mới học là ở việc họ nắm rõ phạm vi biến trong JavaScript. Vì thế, hôm nay chúng ta sẽ tìm hiểu về Variable Scope (Phạm vi biến)
Phạm Vi Biến Trong Javascript
- Tác giả: www.niemvuilaptrinh.com
- Đánh giá: 4 ⭐ ( 1192 lượt đánh giá )
- Khớp với kết quả tìm kiếm: Hôm nay bạn hãy cùng mình đi vào tìm hiểu về phạm vi của biến cũng như cách sử dụng khai bao biến bằng var, let và const trong ngôn ngữ lập trình Javascript để phát triển web nhé.
Scope trong Javascript
- Tác giả: viblo.asia
- Đánh giá: 5 ⭐ ( 1660 lượt đánh giá )
- Khớp với kết quả tìm kiếm: MỞ ĐẦU Javascript có các khái niệm liên quan tới scope và không khái niệm nào là dễ ăn đối với những newbie mới làm quen với Javascript (hay kể cả những dev lâu năm). Bài viết này hướng tới những bạn…
Hiểu về hàm closure trong javascript chỉ với 5 phút
- Tác giả: freetuts.net
- Đánh giá: 3 ⭐ ( 2474 lượt đánh giá )
- Khớp với kết quả tìm kiếm: Cách dùng hàm closure trong javascript, closure là một cách tạo hàm khá hay mà chắc hẳn các bạn đã gặp rất nhiều trong quá trình làm việc với javascript
Phạm vi và đóng cửa của JavaScript
- Tác giả: itzone.com.vn
- Đánh giá: 3 ⭐ ( 5860 lượt đánh giá )
- Khớp với kết quả tìm kiếm: The ITZone platform Vietnam is the community for anyone interested in news, training seminars, presentations etc in the IT industry
Kickoff Technology
- Tác giả: kickoff.tech
- Đánh giá: 3 ⭐ ( 5385 lượt đánh giá )
- Khớp với kết quả tìm kiếm: Cách sử dụng biến, phạm vi sử dụng của một biến trong global scope, function scope, block scope.
Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình