Bảng lịch

JS Hướng dẫn

• JS Hướng dẫn
• JS Giới thiệu
• JS Sử dụng
• JS Xuất ra
• JS Câu lệnh
• JS Cú pháp
• JS Ghi chú
• JS Biến
• JS Let
• JS Const
• JS Tính toán
• JS Toán học
• JS Gán giá trị
• JS Kiểu dữ liệu
• Hàm JS
• Đối tượng JS
• JS Sự kiện
• JS Chuỗi
• JS Phương thức chuỗi
• JS Tìm kiếm chuỗi
• JS Template chuỗi
• JS Số
• JS BigInt
• JS Phương thức số
• JS Thuộc tính số
• JS Mảng
• JS Phương thức mảng
• JS Mảng tìm kiếm
• JS Mảng sắp xếp
• JS Mảng lặp
• JS Mảng Const
• JS Ngày tháng
• JS Định dạng ngày tháng
• JS Cách lấy ngày tháng JS
• JS Cách đặt ngày tháng JS
• JS Toán học
• JS Ngẫu nhiên
• JS Lôgic
• JS So sánh
• JS Điều kiện
• JS Switch
• JS Vòng lặp For
• JS Vòng lặp For In
• JS Vòng lặp For Of
• JS Vòng lặp While
• JS Break
• JS đối tượng có thể lặp lại
• Set JS
• Phương pháp Set JS
• Map JS
• Phương pháp Map JS
• typeof JS
• Chuyển đổi loại JS
• Giải cấu trúc JS
• Toán tử bit JS
• Chuỗi chính quy JS
• Cấp độ toán tử JS
• Bất thường JS
• Phạm vi JS
• Hoisting JS
• Chế độ chặt chẽ JS
• Từ khóa this JS
• Hàm mũi tên JS
• Lớp JS
• Mô đun JS
• JS JSON
• Gỡ lỗi JS
• Hướng dẫn phong cách JS
• Thực hành tốt JS
• Lỗi JS
• Hiệu suất JS
• Từ khóa duy trì 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 2024
• IE / Edge JS
• Lịch sử JS

Đối tượng JS

• Định nghĩa đối tượng JS
• Thuộc tính đối tượng JS
• Phương pháp đối tượng JS
• Hiển thị đối tượng JS
• Truy cập đối tượng JS
• Kết cấu đối tượng JS
• Giao diện nguyên mẫu JS
• Tham chiếu đối tượng JS

Hàm JS

• Định nghĩa hàm JS
• Tham số hàm JS
• Gọi hàm JS
• Gọi chức năng JS
• Áp dụng chức năng JS
• Gắn chức năng JS
• Bó JS

Lớp JS

• Giới thiệu lớp JS
• Di truyền lớp JS
• Static JS

Async JS

• Callback JS
• Asynchronous JS
• Promise JS
• Async JS

HTML DOM của JS

• Giới thiệu DOM
• Phương pháp DOM
• Tài liệu DOM
• Element DOM
• HTML DOM
• Form DOM
• CSS DOM
• Động DOM
• Sự kiện DOM
• Chương trình 监听 DOM
• D导航 DOM
• Nút DOM
• Tập hợp DOM
• Danh sách nút DOM

BOM Trình duyệt JS

• Cửa sổ JS
• Màn hình JS
• Địa điểm JS
• Lịch sử JS
• Nghiên cứu JS
• Cửa sổ JS
• Thời gian JS
• Cookies JS

API Web JS

• Giới thiệu API Web
• API Form Web
• Web History API
• Web Storage API
• Web Worker API
• API Fetch Web
• Web Geolocation API

AJAX JS

• Giới thiệu AJAX
• XMLHttp AJAX
• Yêu cầu AJAX
• Phản hồi AJAX
• Tệp XML AJAX
• AJAX PHP
• AJAX ASP
• Cơ sở dữ liệu AJAX
• Ứng dụng AJAX
• Mô hình AJAX

JS JSON

• Giới thiệu JSON
• Cú pháp JSON
• JSON vs XML
• Kiểu dữ liệu JSON
• JSON Giải mã
• JSON Định dạng chuỗi
• JSON đối tượng
• JSON mảng
• Máy chủ JSON
• JSON PHP
• JSON HTML
• JSON JSONP

JS vs jQuery

• jQuery Chọn器
• jQuery HTML
• jQuery CSS
• jQuery DOM

Hình ảnh JS

• Hình ảnh JS
• JS Canvas
• JS Plotly.js
• JS Chart
• JS Google Chart
• JS D3.js

Thực thể JS

• Thực thể JS
• HTML DOM của JS
• Đầu vào HTML của JS
• Đối tượng HTML của JS
• Sự kiện HTML của JS
• JS Browser
• Kiểm tra JS

Tài liệu tham khảo JS

• Đối tượng của JavaScript
• Đối tượng HTML DOM

Khóa học chọn lọc

Khuyến nghị khóa học:

• Bộ công cụ CodeW3C.com

Số phiên bản JavaScript

Các phiên bản JS cũ được đặt tên bằng số: ES5 (2009) và ES6 (2015).

Từ năm 2016, phiên bản được đặt tên theo năm: ECMAScript 2016, 2017, 2018, 2019,...

Tính năng mới trong ES2020:

• BigInt
• Phương thức chuỗi matchAll()
• Toán tử gán giá trị khi giá trị rỗng (??)
• Toán tử chuỗi tùy chọn (?.)
• Toán tử gán giá trị logic AND (&&=)
• Toán tử gán giá trị logic OR (||=)
• Toán tử gán giá trị khi giá trị rỗng (??=)
• Promise.allSettled()
• Dynamic import

Cảnh báo

Các tính năng này tương đối mới.

Các trình duyệt cũ có thể cần mã thay thế (Polyfill).

BigInt của JavaScript

Biến BigInt của JavaScript được sử dụng để lưu trữ các giá trị số nguyên lớn hơn không thể được biểu diễn bằng số nguyên JavaScript thông thường.

Số nguyên JavaScript có thể chính xác đến 15 chữ số.

thực thể số nguyên

let x = 999999999999999;
let y = 9999999999999999; // quá lớn

Thử ngay

thực thể BigInt

let x = 9999999999999999;
let y = 9999999999999999n;

Thử ngay

Để tạo BigInt, hãy đặt n thêm vào cuối số nguyên hoặc gọi BigInt():

Mô hình

let x = 1234567890123456789012345n;
let y = BigInt(1234567890123456789012345);

Thử ngay

Loại JavaScript của BigInt là "bigint":

Mô hình

let x = BigInt(999999999999999);
let type = typeof x;

Thử ngay

Từ tháng 9 năm 2020, tất cả các trình duyệt hiện đại đều hỗ trợ BigInt:

JavaScript phương thức chuỗi matchAll()

Trước ES2020, không có phương thức chuỗi nào có thể sử dụng để tìm kiếm tất cả các lần xuất hiện của một chuỗi trong chuỗi.

Mô hình

const iterator = text.matchAll("Cats");

Thử ngay

Nếu tham số là biểu thức chính quy, bạn phải thiết lập dấu hiệu toàn cục (g) thì sẽ ném TypeError.

Mô hình

const iterator = text.matchAll(/Cats/g);

Thử ngay

Nếu muốn tìm kiếm không phân biệt chữ hoa chữ thường, bạn phải thiết lập dấu hiệu không phân biệt chữ hoa chữ thường (i)

Mô hình

const iterator = text.matchAll(/Cats/gi);

Thử ngay

Lưu ý:ES2021 Đã giới thiệu phương thức chuỗi replaceAll().

Toán tử gộp giá trị rỗng (Nullish Coalescing Operator) (toán tử ??)

nếu tham số đầu tiên không phải là giá trị rỗng (null hoặc undefinedthì ?? Toán tử trả về tham số đầu tiên.

nếu không thì trả về giá trị thứ hai.

Mô hình

let name = null;
let text = "missing";
let result = name ?? text;

Thử ngay

Từ tháng 3 năm 2020, tất cả các trình duyệt hiện đại đều hỗ trợ toán tử nullish:

Toán tử chuỗi tùy chọn (Optional Chaining Operator) (toán tử ?.)

nếu đối tượng là undefined hoặc nullthìToán tử chuỗi tùy chọnTrả về undefined(thay vì ném lỗi).

Mô hình

const car = {type:"Fiat", model:"500", color:"white"};
let name = car?.name;

Thử ngay

Từ tháng 3 năm 2020, tất cả các trình duyệt hiện đại đều hỗ trợ ?.= Toán tử:

Toán tử gán AND logic (&&= toán tử)

Toán tử gán AND logicdùng giữa hai giá trị.

nếu giá trị đầu tiên là truenếu không có giá trị đầu tiên, thì gán giá trị thứ hai.

Ví dụ về phép gán AND logic

let x = 100;
x &&= 5;

Thử ngay

Từ tháng 9 năm 2020, tất cả các trình duyệt hiện đại đều hỗ trợ &&= Toán tử:

Toán tử gán OR logic (toán tử ||=)

Toán tử gán OR logicdùng giữa hai giá trị.

nếu giá trị đầu tiên là falsenếu không có giá trị đầu tiên, thì gán giá trị thứ hai.

Ví dụ về phép gán OR logic

let x = 10;
x ||= 5;

Thử ngay

Từ tháng 9 năm 2020, tất cả các trình duyệt hiện đại đều hỗ trợ ||= Toán tử:

Toán tử gộp giá trị rỗng gán（??= toán tử）

Toán tử gộp giá trị rỗng gán（Nullish Coalescing Assignment Operator）dùng giữa hai giá trị.

nếu giá trị đầu tiên undefined hoặc nullnếu không có giá trị đầu tiên, thì gán giá trị thứ hai.

Ví dụ về toán tử gộp giá trị rỗng gán

let x = 10;
x ??= 5;

Thử ngay

Từ tháng 9 năm 2020, tất cả các trình duyệt hiện đại đều hỗ trợ ??= Toán tử:

Công cụ

JavaScript và HTML DOM tài liệu tham khảo

JavaScript ví dụ

JavaScript trắc nghiệm

Hướng dẫn nâng cao JavaScript

Liên kết nhà tài trợ