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âu lệnh JavaScript


Thí dụ

let x, y, z;    // Statement 1
x = 5;          // Statement 2
y = 6;          // Statement 3
z = x + y;      // Statement 4

Chương trình JavaScript

Chương trình máy tính là một danh sách các "hướng dẫn" được máy tính "thực thi".

Trong một ngôn ngữ lập trình, các lệnh lập trình này được gọi là các câu lệnh .

Một chương trình JavaScript là một danh sách các câu lệnh lập trình .

Trong HTML, các chương trình JavaScript được thực thi bởi trình duyệt web.


Câu lệnh JavaScript

Các câu lệnh JavaScript bao gồm:

Giá trị, Toán tử, Biểu thức, Từ khóa và Nhận xét.

Câu lệnh này yêu cầu trình duyệt viết "Xin chào Dolly." bên trong một phần tử HTML có id = "demo":

Thí dụ

document.getElementById("demo").innerHTML = "Hello Dolly.";

Hầu hết các chương trình JavaScript chứa nhiều câu lệnh JavaScript.

Các câu lệnh được thực hiện lần lượt theo thứ tự như khi chúng được viết.

Các chương trình JavaScript (và các câu lệnh JavaScript) thường được gọi là mã JavaScript.


Dấu chấm phẩy;

Dấu chấm phẩy phân tách các câu lệnh JavaScript.

Thêm dấu chấm phẩy vào cuối mỗi câu lệnh thực thi:

Các ví dụ

let a, b, c;  // Declare 3 variables
a = 5;        // Assign the value 5 to a
b = 6;        // Assign the value 6 to b
c = a + b;    // Assign the sum of a and b to c

Khi được phân tách bằng dấu chấm phẩy, nhiều câu lệnh trên một dòng được phép:

a = 5; b = 6; c = a + b;

Trên web, bạn có thể thấy các ví dụ không có dấu chấm phẩy.
Các câu lệnh kết thúc bằng dấu chấm phẩy là không bắt buộc, nhưng chúng tôi rất khuyến khích.



JavaScript White Space

JavaScript bỏ qua nhiều khoảng trắng. Bạn có thể thêm khoảng trắng vào tập lệnh của mình để làm cho nó dễ đọc hơn.

Các dòng sau là tương đương:

let person = "Hege";
let person="Hege";

Một phương pháp hay là đặt dấu cách xung quanh các toán tử (= + - * /):

let x = y + z;

Độ dài dòng và ngắt dòng trong JavaScript

Để dễ đọc nhất, các lập trình viên thường muốn tránh các dòng mã dài hơn 80 ký tự.

Nếu một câu lệnh JavaScript không nằm trên một dòng, thì vị trí tốt nhất để ngắt câu lệnh đó là sau một toán tử:

Thí dụ

document.getElementById("demo").innerHTML =
"Hello Dolly!";

Khối mã JavaScript

Các câu lệnh JavaScript có thể được nhóm lại với nhau trong các khối mã, bên trong dấu ngoặc nhọn {...}.

Mục đích của các khối mã là xác định các câu lệnh sẽ được thực thi cùng nhau.

Một nơi bạn sẽ tìm thấy các câu lệnh được nhóm lại với nhau trong các khối, là trong các hàm JavaScript:

Thí dụ

function myFunction() {
  document.getElementById("demo1").innerHTML = "Hello Dolly!";
  document.getElementById("demo2").innerHTML = "How are you?";
}

Trong hướng dẫn này, chúng tôi sử dụng 2 khoảng cách thụt lề cho các khối mã.
Bạn sẽ tìm hiểu thêm về các chức năng sau trong hướng dẫn này.


Từ khóa JavaScript

Các câu lệnh JavaScript thường bắt đầu bằng một từ khóa để xác định hành động JavaScript sẽ được thực hiện.

Tham chiếu Từ dành riêng của chúng tôi liệt kê tất cả các từ khóa JavaScript.

Dưới đây là danh sách một số từ khóa bạn sẽ học trong hướng dẫn này:

Từ khóa Sự miêu tả
var Khai báo một biến
let Khai báo một biến khối
const Khai báo một hằng số khối
if Đánh dấu một khối câu lệnh sẽ được thực thi theo một điều kiện
switch Đánh dấu một khối câu lệnh sẽ được thực thi trong các trường hợp khác nhau
for Đánh dấu một khối câu lệnh sẽ được thực thi trong một vòng lặp
function Khai báo một hàm
return Thoát khỏi một chức năng
try Triển khai xử lý lỗi cho một khối câu lệnh

Các từ khóa JavaScript là các từ dành riêng. Các từ dành riêng không thể được sử dụng làm tên cho các biến.