Hướng dẫn JS

JS TRANG CHỦ Giới thiệu JS JS Đến đâu Đầu ra JS Tuyên bố JS Cú pháp JS Bình luận JS Biến JS JS Hãy JS Const Toán tử JS Số học JS Chuyển nhượng JS Các loại dữ liệu JS Các 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 Phương thức số JS Mảng JS Phương thức mảng JS Sắp xếp mảng JS Lặp lại mảng JS JS Array Const JS ngày Định dạng ngày JS Ngày lấy phương thức JS Phương pháp đặt ngày JS Toán JS JS ngẫu nhiên JS Booleans So sánh JS Điều kiện JS Chuyển đổi JS JS Loop cho JS Loop For In JS Loop For Of JS lặp trong khi JS Break JS lặp lại Bộ JS Bản đồ JS JS Typeof Chuyển đổi loại JS JS Bitwise JS RegExp Lỗi JS Phạm vi JS JS Hoists Chế độ nghiêm ngặt JS JS từ khóa này Hàm mũi tên JS Lớp JS JS JSON Gỡ lỗi JS Hướng dẫn kiểu JS Các phương pháp hay nhất về JS JS sai lầm Hiệu suất JS JS dành riêng từ

Phiên bản JS

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

Đố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 Người truy cập đối tượng Trình tạo đối tượng Nguyên mẫu đối tượng Đối tượng lặp lại Bộ đối tượng Bản đồ đối tượng Tham chiếu đối tượng

Các hàm JS

Định nghĩa hàm Tham số chức năng Lời mời hàm Gọi hàm Áp dụng chức năng Chức năng đóng cửa

Lớp JS

Giới thiệu Lớp học Kế thừa giai cấp Lớp tĩnh

JS Async

Gọi lại JS JS không đồng bộ JS hứa JS Async / Await

JS HTML DOM

Giới thiệu DOM Phương thức DOM Tài liệu DOM Phần tử DOM DOM HTML Các biểu mẫu DOM DOM CSS Hoạt ảnh DOM Sự kiện DOM Trình xử lý sự kiện DOM Đ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 Navigator JS Popup Alert Thời gian JS JS Cookies

API web JS

Giới thiệu API Web 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 vị trí địa lý web

JS AJAX

Giới thiệu về AJAX AJAX XMLHttp 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 Ví dụ về AJAX

JS JSON

Giới thiệu JSON Cú pháp JSON JSON so với XML Các loại dữ liệu JSON Phân tích cú pháp JSON JSON Stringify Đối tượng JSON Mảng JSON Máy chủ JSON JSON PHP HTML JSON JSON JSONP

JS so với jQuery

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

Đồ họa JS

Đồ họa JS JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

Ví dụ về JS

Ví dụ về JS JS HTML DOM Đầu vào HTML JS Đối tượng HTML JS Sự kiện HTML JS Trình duyệt JS Trình chỉnh sửa JS Bài tập JS JS Quiz Chứng chỉ JS

Tham khảo JS

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


Cú pháp JavaScript

Cú pháp JavaScript là tập hợp các quy tắc, cách các chương trình JavaScript được xây dựng:

// How to create variables:
var x;
let y;

// How to use variables:
x = 5;
y = 6;
let z = x + y;

Giá trị JavaScript

Cú pháp JavaScript xác định hai loại giá trị:

  • Giá trị cố định
  • Giá trị biến đổi

Giá trị cố định được gọi là Literal .

Giá trị của biến được gọi là Biến .


JavaScript Literals

Hai quy tắc cú pháp quan trọng nhất cho các giá trị cố định là:

1. Các số được viết có hoặc không có số thập phân:

10.50

1001

2. Chuỗi là văn bản, được viết trong dấu ngoặc kép hoặc đơn:

"John Doe"

'John Doe'


Các biến JavaScript

Trong một ngôn ngữ lập trình, các biến được sử dụng để lưu trữ các giá trị dữ liệu.

JavaScript sử dụng các từ khóa varletđể constkhai báo các biến.

Dấu bằng được sử dụng để gán giá trị cho các biến.

Trong ví dụ này, x được định nghĩa là một biến. Khi đó, x được gán (cho trước) giá trị 6:

let x;
x = 6;

Toán tử JavaScript

JavaScript sử dụng toán tử số học ( + - * /) để tính toán các giá trị:

(5 + 6) * 10

JavaScript sử dụng toán tử gán ( =) để gán giá trị cho các biến:

let x, y;
x = 5;
y = 6;

Biểu thức JavaScript

Một biểu thức là sự kết hợp của các giá trị, biến và toán tử, được tính thành một giá trị.

Tính toán được gọi là đánh giá.

Ví dụ: 5 * 10 cho kết quả là 50:

5 * 10

Biểu thức cũng có thể chứa các giá trị biến:

x * 10

Các giá trị có thể thuộc nhiều kiểu khác nhau, chẳng hạn như số và chuỗi.

Ví dụ: "John" + "" + "Doe", đánh giá là "John Doe":

"John" + " " + "Doe"

Từ khóa JavaScript

Các từ khóa JavaScript được sử dụng để xác định các hành động sẽ được thực hiện.

Từ letkhóa yêu cầu trình duyệt tạo các biến:

let x, y;
x = 5 + 6;
y = x * 10;

Từ varkhóa cũng yêu cầu trình duyệt tạo các biến:

var x, y;
x = 5 + 6;
y = x * 10;

Trong những ví dụ này, sử dụng var hoặc letsẽ tạo ra cùng một kết quả.

Bạn sẽ tìm hiểu thêm về varletở phần sau của hướng dẫn này.


Nhận xét JavaScript

Không phải tất cả các câu lệnh JavaScript đều được "thực thi".

Mã sau dấu gạch chéo kép //hoặc giữa /**/được coi như một nhận xét .

Nhận xét bị bỏ qua và sẽ không được thực thi:

let x = 5;   // I will be executed

// x = 6;   I will NOT be executed

Bạn sẽ tìm hiểu thêm về các nhận xét trong chương sau.


Mã định danh / Tên JavaScript

Định danh là tên JavaScript.

Các số nhận dạng được sử dụng để đặt tên cho các biến, từ khóa và các hàm.

Các quy tắc về tên hợp pháp giống nhau trong hầu hết các ngôn ngữ lập trình.

Tên JavaScript phải bắt đầu bằng:

  • Một chữ cái (AZ hoặc az)
  • Một ký hiệu đô la ($)
  • Hoặc dấu gạch dưới (_)

Các ký tự tiếp theo có thể là chữ cái, chữ số, dấu gạch dưới hoặc ký hiệu đô la.

Ghi chú

Số không được phép làm ký tự đầu tiên trong tên.

Bằng cách này JavaScript có thể dễ dàng phân biệt số nhận dạng với số.


JavaScript phân biệt chữ hoa chữ thường

Tất cả các mã nhận dạng JavaScript đều phân biệt chữ hoa chữ thường . 

Các biến lastNamelastname, là hai biến khác nhau:

let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";

JavaScript không hiểu LET hoặc Let là từ khóa let .


JavaScript và Camel Case

Trong lịch sử, các lập trình viên đã sử dụng các cách khác nhau để nối nhiều từ thành một tên biến:

Dấu gạch nối:

họ, tên, thẻ chính chủ, liên thành phố.

Dấu gạch nối không được phép trong JavaScript. Chúng được dành riêng cho các phép trừ.

Dấu gạch dưới:

first_name, last_name, master_card, inter_city.

Vỏ Camel trên (Vỏ Pascal):

FirstName, LastName, MasterCard, InterCity.

Vỏ Camel dưới:

Các lập trình viên JavaScript có xu hướng sử dụng trường hợp lạc đà bắt đầu bằng chữ thường:

firstName, lastName, masterCard, interCity.


Bộ ký tự JavaScript

JavaScript sử dụng bộ ký tự Unicode .

Unicode bao gồm (gần như) tất cả các ký tự, dấu câu và ký hiệu trên thế giới.

Để có cái nhìn sâu hơn, vui lòng nghiên cứu Tài liệu tham khảo Unicode hoàn chỉnh của chúng tôi .