Menu
×

Được chứng nhận

Ghi lại kiến ​​thức của bạn

Đăng nhập Đăng ký

Tạo Tài khoản Example.com.vn miễn phí để cải thiện trải nghiệm học tập của bạn

Người tìm đường và việc học của tôi

Theo dõi tiến độ học tập của bạn tại Example.com.vn và thu thập phần thưởng

Nâng cấp

Trở thành người dùng PLUS và mở khóa các tính năng mạnh mẽ (không có quảng cáo, lưu trữ, hỗ trợ, ..)

Bắt đầu từ đâu

Bạn không chắc chắn muốn bắt đầu từ đâu? Đi theo con đường được hướng dẫn của chúng tôi

Trình chỉnh sửa mã (Dùng thử)

Với trình chỉnh sửa mã trực tuyến của chúng tôi, bạn có thể chỉnh sửa mã và xem kết quả trong trình duyệt của mình

Video

Tìm hiểu những điều cơ bản về HTML qua video hướng dẫn thú vị và hấp dẫn

Mẫu

Chúng tôi đã tạo một loạt mẫu trang web đáp ứng mà bạn có thể sử dụng - miễn phí!

Web hosting

Lưu trữ trang web của riêng bạn và chia sẻ nó với mọi người với Example.com.vn Spaces

Tạo một máy chủ

Tạo máy chủ của riêng bạn bằng Python, PHP, React.js, Node.js, Java, C#, v.v.

Làm thế nào để

Bộ sưu tập lớn các đoạn mã cho HTML, CSS và JavaScript

Khung CSS

Xây dựng các trang web nhanh và phản hồi bằng cách sử dụng khung W3.CSS miễn phí của chúng tôi

Thống kê trình duyệt

Đọc xu hướng dài hạn của việc sử dụng trình duyệt

Tốc độ gõ

Kiểm tra tốc độ đánh máy của bạn

Đào tạo AWS

Tìm hiểu dịch vụ web của Amazon

Bộ chọn màu

Sử dụng công cụ chọn màu của chúng tôi để tìm các màu RGB, HEX và HSL khác nhau. Bánh xe màu hình tròn thể hiện sự chuyển màu trong quang phổ

Trò chơi mã

Trò chơi mã hóa W3Schools! Giúp linh miêu thu thập nón thông Logo Lynx

Đặt mục tiêu

Nhận hành trình học tập được cá nhân hóa dựa trên các kỹ năng và mục tiêu hiện tại của bạn

Bản tin

Tham gia bản tin của chúng tôi và có quyền truy cập vào nội dung độc quyền mỗi tháng

Việc làm

Thuê những tài năng công nghệ hàng đầu. Hợp lý hóa quy trình tuyển dụng của bạn để có đội ngũ phù hợp hoàn hảo

Lớp học

Hãy liên hệ để sử dụng Example.com.vn Plus và các chứng chỉ với tư cách là một tổ chức giáo dục

×
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP CÁCH W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS AN NINH MẠNG DỮ LIỆU KHOA HỌC

Hướng dẫn về JS

JS HOME Giới thiệu JS JS Nơi xuất ra JS Câu lệnh JS JS Cú pháp JS Nhận xét JS Biến JS Let JS Const Toán tử JS JS Số học Phép gán JS Kiểu dữ liệu JS Hàm JS Đối tượng JS Sự kiện JS Chuỗi JS Phương thức chuỗi JS Tìm kiếm chuỗi JS Mẫu chuỗi JS Số JS Số JS BigInt JS Phương thức số Thuộc tính số JS Mảng JS Phương thức mảng JS Tìm kiếm mảng JS Sắp xếp mảng JS Lặp lại JS Mảng Const JS Ngày tháng JS Định dạng ngày JS Ngày Nhận phương thức JS Phương thức đặt ngày JS Toán học JS ngẫu nhiên JS Booleans JS So sánh JS Nếu khác JS Switch Vòng lặp JS cho JS Vòng lặp cho trong JS Vòng lặp cho vòng lặp JS Trong khi JS Break JS Iterables JS Bộ JS Set Methods JS Maps JS Map Methods JS Typeof JS Type Chuyển đổi JS Bitwise JS RegExp JS Ưu tiên JS Lỗi JS Phạm vi JS Hoisting JS Chế độ nghiêm ngặt JS cái này Từ khóa JS Mũi tên Chức năng Các lớp JS Mô-đun JS JS JSON JS Gỡ lỗi Hướng dẫn về phong cách JS Các phương pháp hay nhất về JS Các sai lầm về JS Hiệu suất JS Các từ dành riêng cho JS

Phiên bản JS

Phiên bản JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021 JS 2022 JS 2023 JS IE / Edge JS Lịch sử

Đối tượng JS

Định nghĩa đối tượng Thuộc tính đối tượng Phương thức đối tượng Hiển thị đối tượng Trình truy cập đối tượng Trình tạo đối tượng Nguyên mẫu đối tượng Quản lý đối tượng Bảo vệ đối tượng

Hàm JS

Định nghĩa hàm Tham số hàm Chức năng Gọi hàm Gọi hàm Áp dụng hàm Liên kết hàm Đóng

Các lớp JS

Lớp Giới thiệu Lớp Kế thừa Lớp Tĩnh

JS không đồng bộ

Lệnh gọi lại JS JS không đồng bộ JS hứa hẹn JS Async/Await

DOM HTML

Giới thiệu DOM Các phương thức DOM Tài liệu DOM Phần tử DOM DOM HTML Biểu mẫu DOM DOM CSS DOM Ảnh động DOM Sự kiện DOM Trình nghe sự kiện Điều hướng DOM Nút DOM Bộ sưu tập DOM Danh sách nút DOM

BOM trình duyệt JS

Cửa sổ JS Màn hình JS Vị trí JS Lịch sử JS JS Điều hướng JS Cảnh báo bật lên JS Thời gian JS Cookies JS

API Web JS

API Web Giới thiệu API biểu mẫu web API lịch sử web API lưu trữ web API công nhân web API tìm nạp web API định vị địa lý web

JS AJAX

AJAX Giới thiệu AJAX XMLHttp AJAX Yêu cầu AJAX Phản hồi Tệp XML AJAX PHP AJAX ASP AJAX Cơ sở dữ liệu AJAX Ứng dụng AJAX Ví dụ về AJAX

JSON JSON

Giới thiệu JSON Cú pháp JSON JSON và XML Các kiểu dữ liệu JSON Phân tích cú pháp JSON JSON xâu chuỗi các đối tượng JSON Mảng JSON Máy chủ JSON JSON PHP JSON HTML JSON JSONP

JS và jQuery

Bộ chọn jQuery jQuery HTML jQuery CSS jQuery DOM

Đồ họa JS

JS Graphics JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

Ví dụ về JS

Ví dụ về JS JS HTML DOM JS Đầu vào HTML JS Đối tượng HTML JS Sự kiện HTML Trình duyệt JS Trình soạn thảo JS Bài tập JS Câu đố JS Trang web JS Chuẩn bị phỏng vấn JS Bootcamp Chứng chỉ JS

Tài liệu tham khảo JS

Đối tượng JavaScript Đối tượng DOM HTML


Phạm vi JavaScript

Phạm vi xác định khả năng tiếp cận (khả năng hiển thị) của các biến.

Biến JavaScript có 3 loại phạm vi:

  • Phạm vi chặn
  • Phạm vi chức năng
  • Phạm vi toàn cầu

Phạm vi chặn

Trước ES6 (2015), các biến JavaScript chỉ có Global ScopeFunction Scope .

ES6 đã giới thiệu hai từ khóa JavaScript mới quan trọng: letconst .

Hai từ khóa này cung cấp Phạm vi chặn trong JavaScript.

Các biến được khai báo bên trong khối { } không thể được truy cập từ bên ngoài khối:

Ví dụ

{
  let x = 2;
}
// x can NOT be used here

Các biến được khai báo bằng 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 CAN be used here

Phạm vi địa phương

Các biến được khai báo trong hàm JavaScript là ĐỊA PHƯƠNG đối với hàm:

Ví dụ

// code here can NOT use carName

function myFunction() {
  let carName = "Volvo";
  // code here CAN use carName
}

// code here can NOT use carName
Hãy tự mình thử »

Các biến cục bộPhạm vi chức năng :

Chúng chỉ có thể được truy cập 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 hàm bắt đầu và bị xóa khi hàm hoàn thành.


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 hàm không thể truy cập được (hiển thị) từ bên ngoài hàm.

Các biến được khai báo bằng var , letconst khá giống nhau khi được khai báo bên trong hàm.

Tất cả đều có Phạm vi chức năng :

function myFunction() {
  var carName = "Volvo";   // Function Scope
}
function myFunction() {
  let carName = "Volvo";   // Function Scope
}
function myFunction() {
  const carName = "Volvo";   // Function Scope
}

Biến JavaScript toàn cầu

Một biến được khai báo bên ngoài hàm sẽ trở thành GLOBAL .

Ví dụ

let carName = "Volvo";
// code here can use carName

function myFunction() {
// code here can also use carName
}
Hãy tự mình thử »

Một biến toàn cục có Phạm vi toàn cầu :

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ục (bên ngoài bất kỳ hàm nào) đều có Phạm vi toàn cầu .

Các biến toàn cục có thể được truy cập từ mọi nơi trong chương trình JavaScript.

Các biến được khai báo bằng var , letconst khá giống nhau 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;       // Global scope
let x = 2;       // Global scope
const x = 2;       // Global scope

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 giá trị cho một biến chưa được khai báo, biến đó sẽ tự động trở thành biến GLOBAL .

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();

// code here can use carName

function 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ợ chạy JavaScript ở "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 không đượ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 window.

Các biến toàn cục được xác định bằng từ khóa var thuộc về đối tượng window:

Ví dụ

var carName = "Volvo";
// code here can use 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 về đối tượng window:

Ví dụ

let carName = "Volvo";
// code here can not use 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 (hoặc hàm) toàn cục của bạn có thể ghi đè lên các biến (hoặc hàm) cửa sổ.
Bất kỳ hàm nào, kể cả đối tượng cửa sổ, đều có thể ghi đè các biến và hàm toàn cục của bạn.


Tuổi thọ của các biến JavaScript

Vòng đời của một biến JavaScript bắt đầu từ khi nó được khai báo.

Các biến của hàm (cục bộ) sẽ bị xóa khi hàm được hoàn thành.

Trong trình duyệt web, các biến toàn cục sẽ bị xóa khi bạn đóng cửa sổ (hoặc tab) trình duyệt.


Đối số hàm

Các đối số (tham số) của hàm hoạt động như các biến cục bộ bên trong hàm.


×

Liên hệ bán hàng

Nếu bạn muốn sử dụng dịch vụ của Example.com.vn với tư cách là một tổ chức giáo dục, nhóm hoặc doanh nghiệp, hãy gửi email cho chúng tôi:
[email được bảo vệ]

Báo cáo lỗi

Nếu bạn muốn báo cáo lỗi hoặc nếu bạn muốn đưa ra đề xuất, hãy gửi email cho chúng tôi:
[email được bảo vệ]

Example.com.vn được tối ưu hóa cho việc học tập và đào tạo. Các ví dụ có thể được đơn giản hóa để cải thiện khả năng đọc và học. Các hướng dẫn, tài liệu tham khảo và ví dụ liên tục được xem xét để tránh sai sót, nhưng chúng tôi không thể đảm bảo tính chính xác hoàn toàn của mọi nội dung. Khi sử dụng W3Schools, bạn đồng ý đã đọc và chấp nhận các điều khoản sử dụng , chính sách cookie và quyền riêng tư của chúng tôi.

Bản quyền 1999-2024 của Refsnes Data. Đã đăng ký Bản quyền. Example.com.vn được cung cấp bởi W3.CSS .