Đoạn mã trong đoạn mã trên là một câu lệnh JavaScript hướng dẫn máy tính tạo một biến
z = 5 + 2;
2 có tên là z = 5 + 2;
3Có năm loại câu lệnh JavaScript điển hình
Hãy thảo luận về từng loại tuyên bố
Tuyên bố khai báo JavaScript là gì?
Câu lệnh khai báo là một đoạn mã tuyên bố việc tạo các biến và hàm
Đây là một ví dụ
var myBestColor;
Mã trong đoạn mã trên là một câu lệnh khai báo tuyên bố việc tạo biến
z = 5 + 2;
4Hãy nhớ rằng
z = 5 + 2;
5 là một từ khóa—không phải là không gian lưu trữTừ khóa
z = 5 + 2;
5 tuyên bố với máy tính rằng z = 5 + 2;
4 là một biến JavaScript—không phải biến toán học hay biến chungĐây là một ví dụ khác
function writeName[] {}
Mã trong đoạn mã trên là một câu lệnh khai báo tuyên bố việc tạo hàm
z = 5 + 2;
8Hãy nhớ rằng
z = 5 + 2;
9 là từ khóa—không phải là dung lượng lưu trữTừ khóa
z = 5 + 2;
9 tuyên bố với máy tính rằng z = 5 + 2;
8 là một hàm JavaScript—không phải là hàm toán học hay hàm chung chungVì vậy, bây giờ bạn đã biết câu lệnh khai báo là gì, chúng ta có thể nói về câu lệnh biểu thức
Câu lệnh biểu thức JavaScript là gì?
Một câu lệnh biểu thức là bất kỳ đoạn mã nào biểu thị một giá trị
Các biểu thức JavaScript thường được phân thành hai loại và năm loại. Hãy thảo luận về các phân loại dưới đây
Các loại biểu thức trong JavaScript
Có hai loại biểu thức JavaScript. chuyển nhượng và không chuyển nhượng
Biểu thức gán là gì?
Biểu thức gán là bất kỳ đoạn mã nào gán giá trị được đánh giá của nó cho một biến [hoặc thuộc tính]
Đây là một ví dụ
x = 3;
Mã trong đoạn mã trên là một biểu thức gán vì nó sử dụng toán tử bằng [
"Hello";
2] để gán giá trị được đánh giá ["Hello";
3] cho biến "Hello";
4Biểu thức không gán là gì?
Biểu thức không gán là một đoạn mã không gán giá trị được đánh giá của nó cho bất kỳ biến [hoặc thuộc tính] nào
Đây là một ví dụ
3 + 7;
Mã trong đoạn mã trên là một biểu thức không gán vì nó không gán giá trị được đánh giá [10] cho bất kỳ biến [hoặc thuộc tính] nào
Bây giờ chúng ta hãy thảo luận về các loại biểu thức trong JavaScript
Danh mục biểu thức trong JavaScript
Năm loại biểu thức JavaScript là , , , và
một biểu thức số học là gì?
Một biểu thức số học là một đoạn mã biểu thị một giá trị số
Đây là một ví dụ
10;
Số mười [
"Hello";
5] trong đoạn trích trên là một biểu thức số học vì nó biểu thị một giá trị sốHãy xem xét ví dụ khác này
5 + 2;
Mã trong đoạn mã trên là một biểu thức số học không có phép gán biểu thị giá trị số của bảy [7]
Đây là một ví dụ khác về một biểu thức số học
z = 5 + 2;
Mã trong đoạn mã trên là một biểu thức số học gán biểu thị giá trị số của bảy [7] và gán nó cho biến
"Hello";
6Biểu thức chuỗi là gì?
Một biểu thức chuỗi là một đoạn mã biểu thị một giá trị chuỗi
Đây là một ví dụ
"Hello";
Mã trong đoạn mã trên là một biểu thức chuỗi vì nó biểu thị một giá trị chuỗi
Đây là một ví dụ khác
"Hello" + " " + "World";
Biểu thức chuỗi trong đoạn mã trên biểu thị giá trị chuỗi
"Hello";
7Đây là ví dụ thứ ba về biểu thức chuỗi
var myBestColor;
0Trên đây là biểu thức chuỗi không gán biểu thị giá trị số chuỗi
Đây là một ví dụ khác về biểu thức chuỗi
var myBestColor;
1Mã trong đoạn mã trên là một biểu thức chuỗi gán biểu thị giá trị chuỗi của
"Hello";
8 và gán nó cho biến z = 5 + 2;
2 có tên là "Hello" + " " + "World";
0Biểu thức logic là gì?
Một biểu thức logic là một đoạn mã biểu thị các giá trị Boolean,
"Hello" + " " + "World";
1 hoặc "Hello" + " " + "World";
2Hãy nhớ rằng các biểu thức logic thường liên quan đến việc sử dụng các toán tử logic như
"Hello" + " " + "World";
3, "Hello" + " " + "World";
4 và "Hello" + " " + "World";
5Đây là một ví dụ
var myBestColor;
2Mã trong đoạn mã trên là một biểu thức logic vì nó biểu thị giá trị Boolean của
"Hello" + " " + "World";
1Hãy xem xét ví dụ khác này
var myBestColor;
3Mã trong đoạn mã trên là một biểu thức logic thể hiện giá trị Boolean của
"Hello" + " " + "World";
2Đây là một ví dụ khác về biểu thức logic
var myBestColor;
4Mã trong đoạn mã trên là một biểu thức logic thể hiện giá trị Boolean của
"Hello" + " " + "World";
1một biểu thức chính là gì?
Biểu thức chính là một đoạn mã làm cơ sở để tạo các biểu thức khác
Các loại biểu thức chính điển hình là tham chiếu biến, giá trị bằng chữ và một số từ khóa
Dưới đây là một số ví dụ
var myBestColor;
5Mỗi mã trong đoạn mã trên là một biểu thức chính vì chúng là tất cả các biểu thức mà bạn có thể sử dụng để tạo các biểu thức khác
Biểu thức bên trái là gì?
Biểu thức bên trái là một đoạn mã ở bên trái của toán tử gán
Biểu thức bên trái thường đóng vai trò là đích của giá trị được biểu thị bằng biểu thức bên phải
Ví dụ, xem xét mã này
var myBestColor;
6Trong đoạn mã trên,
"Hello";
4 là một biểu thức bên trái vì nó nằm bên trái của toán tử gán ["Hello";
2] và đóng vai trò là đích của giá trị được biểu thị bởi var myBestColor;
01Một loại câu lệnh JavaScript khác là câu lệnh điều kiện. Hãy xem nó là gì
Tuyên bố có điều kiện JavaScript là gì?
Câu lệnh có điều kiện là bất kỳ mã nào được sử dụng để chỉ định các điều kiện tiên quyết cần thiết để máy tính thực hiện các hành động cụ thể
Bốn loại câu điều kiện trong JavaScript là
var myBestColor;
02, var myBestColor;
03, var myBestColor;
04 và var myBestColor;
05Hãy thảo luận về từng loại—bắt đầu với câu lệnh điều kiện
var myBestColor;
02var myBestColor;
02 câu điều kiện
var myBestColor;
Câu lệnh điều kiện
var myBestColor;
02 hướng dẫn máy tính thực thi khối mã JavaScript chỉ khi một điều kiện cụ thể là đúngĐây là cú pháp của nó
var myBestColor;
7Đây là một ví dụ
var myBestColor;
8Hãy dùng thử trên StackBlitz
Đoạn mã trên hướng dẫn máy tính đăng nhập
var myBestColor;
09 trên bảng điều khiển của trình duyệt nếu thời gian ít hơn var myBestColor;
10var myBestColor;
03 câu điều kiện
var myBestColor;
Câu lệnh điều kiện
var myBestColor;
03 là phần bổ sung tùy chọn cho câu lệnh var myBestColor;
02Khi được sử dụng với câu lệnh
var myBestColor;
02, câu lệnh điều kiện var myBestColor;
03 hướng dẫn rằng nếu điều kiện của câu lệnh var myBestColor;
02 là sai, thì máy tính sẽ thực thi khối mã của câu lệnh var myBestColor;
03Đây là cú pháp của nó
var myBestColor;
9Đây là một ví dụ
function writeName[] {}
0Hãy dùng thử trên StackBlitz
Đoạn mã trên hướng dẫn máy tính đăng nhập
var myBestColor;
09 trên bảng điều khiển của trình duyệt nếu thời gian ít hơn var myBestColor;
10. Khác, var myBestColor;
20 sẽ được đăng nhậpHãy nhớ rằng một số nhà phát triển thích viết câu lệnh
var myBestColor;
21 của họ mà không có dấu ngoặc nhọn. Vì vậy, họ sẽ viết mã trước đó như vậyfunction writeName[] {}
1Hãy dùng thử trên StackBlitz
Đoạn mã trên là một mã hợp lệ. Tuy nhiên, một số có thể thấy khó đọc
Do đó, để mã của bạn có thể đọc được, tốt nhất bạn nên sử dụng dấu ngoặc nhọn
Một thực tế phổ biến khác là bỏ qua từ khóa
var myBestColor;
03 và dấu ngoặc nhọn của nóVì vậy, bạn có thể gặp một số mã như vậy
function writeName[] {}
2Hãy dùng thử trên StackBlitz
Mặc dù không có gì sai về mặt chức năng với đoạn mã trên, lưu ý rằng mã
var myBestColor;
23 thứ hai được tách ra khỏi câu lệnh var myBestColor;
02Do đó, mã
var myBestColor;
23 thứ hai sẽ luôn thực thi—bất kể điều kiện của câu lệnh var myBestColor;
02 là đúng hay saiMọi người chọn bỏ qua dấu ngoặc nhọn và từ khóa
var myBestColor;
03 vì họ muốn làm cho mã của họ gọn gàng hơn. Tuy nhiên, một giải pháp thay thế tốt hơn là sử dụng toán tử điều kiện [bộ ba]Nhưng một nhà điều hành ternary là gì, tôi nghe bạn hỏi?
Toán tử có điều kiện [ternary] trong JavaScript là gì?
Toán tử điều kiện là một cách khác [viết tắt] để viết câu lệnh
var myBestColor;
21ghi chú
- Toán tử điều kiện đôi khi được gọi là toán tử bậc ba hoặc dấu chấm hỏi
- Toán tử có điều kiện là toán tử JavaScript duy nhất chấp nhận ba toán hạng—đó là lý do tại sao nó được đặt tên là toán tử bậc ba
- Toán hạng là một giá trị mà bạn thao tác trên đó. Vì vậy, ví dụ, trong 4 + 3 = 7
- 4 và 3 là toán hạng
- + là toán tử cộng
- = là toán tử gán
- 7 là kết quả của phép toán số học
Đây là cú pháp của một toán tử ternary
function writeName[] {}
3Đây là một ví dụ
function writeName[] {}
4Hãy dùng thử trên StackBlitz
Đoạn mã trên hướng dẫn máy tính đăng nhập
var myBestColor;
09 trên bảng điều khiển của trình duyệt nếu thời gian ít hơn var myBestColor;
10. Khác, var myBestColor;
20 sẽ được đăng nhậpĐây là một ví dụ khác
function writeName[] {}
5Hãy dùng thử trên StackBlitz
Đoạn mã trên hướng dẫn máy tính ghi nhật ký
var myBestColor;
32 trên bảng điều khiển của trình duyệt nếu var myBestColor;
33 lớn hơn var myBestColor;
34. Khác, var myBestColor;
35 sẽ được đăng nhậpHãy nhớ rằng sự tương đương của
var myBestColor;
21 của toán tử bậc ba ở trên là như vậyfunction writeName[] {}
6Hãy dùng thử trên StackBlitz
ghi chú
Bạn không thể sử dụng các câu lệnh
var myBestColor;
21 trong các biến. Tuy nhiên, bạn có thể sử dụng toán tử bậc ba cho hầu hết các mục đích lập trình như giá trị, hàm và biếnVì vậy, bây giờ bạn đã biết về
var myBestColor;
02, var myBestColor;
03 và toán tử bậc ba, chúng ta có thể thảo luận về câu lệnh điều kiện var myBestColor;
04var myBestColor;
04 câu lệnh điều kiện
var myBestColor;
Câu lệnh điều kiện
var myBestColor;
04 hướng dẫn máy tính rằng nếu điều kiện của câu lệnh var myBestColor;
02 là sai, thì JavaScript sẽ thực thi khối mã của var myBestColor;
04 dựa trên một điều kiện khácghi chú
Câu lệnh
var myBestColor;
04 phải đi trước câu lệnh var myBestColor;
03Đây là cú pháp của nó
function writeName[] {}
7Đây là một ví dụ
function writeName[] {}
8Hãy dùng thử trên StackBlitz
Đoạn mã trên hướng dẫn máy tính đăng nhập
var myBestColor;
09 trên bảng điều khiển của trình duyệt nếu thời gian ít hơn var myBestColor;
10Mặt khác, nếu thời gian ít hơn
var myBestColor;
49, thì var myBestColor;
50 sẽ được ghi lạiĐây là một ví dụ khác
function writeName[] {}
9Hãy dùng thử trên StackBlitz
Đoạn mã trên hướng dẫn máy tính đăng nhập
var myBestColor;
09 trên bảng điều khiển của trình duyệt nếu thời gian ít hơn var myBestColor;
10Mặt khác, nếu thời gian ít hơn
var myBestColor;
49, thì var myBestColor;
50 sẽ được ghi lạiMặt khác, nếu thời gian ít hơn
var myBestColor;
55, thì var myBestColor;
56 sẽ được ghi lạiKhác,
var myBestColor;
20 sẽ được đăng nhậpCó cách nào để làm cho câu lệnh điều kiện
var myBestColor;
58 gọn gàng hơn không? một nhà điều hành ternary chained là gì?
Toán tử bậc ba được xâu chuỗi là một cách thay thế [lối tắt] để viết câu lệnh
var myBestColor;
58Đây là cú pháp của nó
x = 3;
0Đây là một ví dụ
x = 3;
1Hãy dùng thử trên StackBlitz
Đoạn mã trên hướng dẫn máy tính đăng nhập
var myBestColor;
09 trên bảng điều khiển của trình duyệt nếu thời gian ít hơn var myBestColor;
10Mặt khác, nếu thời gian ít hơn
var myBestColor;
49, thì var myBestColor;
50 sẽ được ghi lạiMặt khác, nếu thời gian ít hơn
var myBestColor;
55, thì var myBestColor;
56 sẽ được ghi lạiKhác,
var myBestColor;
20 sẽ được đăng nhậpĐây là một ví dụ khác
x = 3;
2Hãy dùng thử trên StackBlitz
Đoạn mã trên hướng dẫn máy tính đăng nhập
var myBestColor;
32 trên bảng điều khiển của trình duyệt nếu var myBestColor;
33 lớn hơn var myBestColor;
69Mặt khác, nếu
var myBestColor;
33 lớn hơn hoặc bằng var myBestColor;
71 và nhỏ hơn hoặc bằng var myBestColor;
69, thì var myBestColor;
73 sẽ được ghi lạiMặt khác, nếu
var myBestColor;
33 hoàn toàn bằng với var myBestColor;
75, thì var myBestColor;
76 sẽ được ghi lạiKhác,
var myBestColor;
77 sẽ được đăng nhậpHãy nhớ rằng sự tương đương của
var myBestColor;
58 của toán tử bậc ba ở trên là như vậyx = 3;
3Hãy dùng thử trên StackBlitz
Vì vậy, bây giờ bạn đã biết về câu lệnh
var myBestColor;
58 và toán tử bậc ba chuỗi, chúng ta có thể thảo luận về câu lệnh điều kiện var myBestColor;
05var myBestColor;
05 câu điều kiện
var myBestColor;
Câu lệnh điều kiện
var myBestColor;
05 hướng dẫn máy tính thực thi một khối mã nếu giá trị trường hợp của khối khớp với biểu thức đã choCâu lệnh
var myBestColor;
05 tương tự như câu lệnh điều kiện var myBestColor;
58—ngoại trừ việc var myBestColor;
05 có một biểu thức được xác định trước mà máy tính sử dụng để đánh giá tất cả các điều kiện khácĐây là cú pháp của nó
x = 3;
4var myBestColor;
86 là gì?
var myBestColor;
var myBestColor;
86 là bắt buộc trong mọi câu lệnh điều kiện var myBestColor;
05. Đó là một biểu thức có giá trị đóng vai trò là điều kiện tiên quyết để thực hiện mệnh đề var myBestColor;
89Mệnh đề var myBestColor;
89 là gì?
var myBestColor;
Mệnh đề trường hợp bao gồm
- từ khóa
89,var myBestColor;
- giá trị bạn muốn so khớp với
86 vàvar myBestColor;
- mã mà máy tính sẽ thực thi nếu giá trị được chỉ định khớp với
86var myBestColor;
Từ khóa var myBestColor;
94 là gì?
var myBestColor;
Từ khóa
var myBestColor;
94 dừng việc thực thi các mã khác trong khối nếu giá trị var myBestColor;
89 trước nó khớp với giá trị chuẩnGiả sử bạn bỏ qua mệnh đề
var myBestColor;
94. Trong trường hợp như vậy, mệnh đề var myBestColor;
89 tiếp theo sẽ chạy—bất kể var myBestColor;
89 có khớp với điểm chuẩn hay khôngghi chú
Bạn không cần phải xác định một
var myBestColor;
94 sau mệnh đề cuối cùng của var myBestColor;
89 [hoặc function writeName[] {}
02] trong tuyên bố var myBestColor;
05 của bạnTừ khóa function writeName[] {}
02 là gì?
function writeName[] {}
Từ khóa
function writeName[] {}
02 chỉ định mã mà máy tính sẽ chạy nếu không có trường hợp nào khớp với điểm chuẩnMặc dù từ khóa
function writeName[] {}
02 là tùy chọn, nhưng tốt nhất bạn nên đưa nó vào mọi câu lệnh var myBestColor;
05 vì nó xử lý các tình huống không mong muốnTuy nhiên, lưu ý rằng bạn chỉ có thể có một từ khóa
function writeName[] {}
02 trong câu lệnh var myBestColor;
05Ngoài ra, hãy nhớ rằng bạn không cần chỉ định bất kỳ giá trị nào với từ khóa
function writeName[] {}
02Cũng không bắt buộc mệnh đề
function writeName[] {}
02 phải là trường hợp cuối cùng trong khối var myBestColor;
05Đây là một ví dụ
x = 3;
5Hãy dùng thử trên StackBlitz
Khi máy tính xử lý mã
var myBestColor;
05 ở trên, đây là điều sẽ xảy ra- Máy tính sẽ đánh giá biểu thức chuẩn [
14] để lấy giá trị hiện tại của nófunction writeName[] {}
- Máy tính sẽ phân tích khối mã của
05 để xác nhận xem có bất kỳ giá trị nào củavar myBestColor;
89 khớp với điểm chuẩn hay khôngvar myBestColor;
- Nếu
89 khớp với giá trị của biểu thức, máy tính sẽ thực thi mã củavar myBestColor;
89 đóvar myBestColor;
- Nếu không có trường hợp nào khớp với giá trị của biểu thức, mệnh đề
02 sẽ được thực thifunction writeName[] {}
Đây là một ví dụ khác
x = 3;
6Hãy dùng thử trên StackBlitz
Đây là cách đoạn mã trên sẽ chạy
- Máy tính sẽ đánh giá biểu thức chuẩn [
20] để lấy giá trị hiện tại của nófunction writeName[] {}
- Máy tính sẽ phân tích khối mã của
05 để xác nhận xem có bất kỳ giá trị nào củavar myBestColor;
89 khớp với điểm chuẩn hay khôngvar myBestColor;
- Nếu
89 khớp với giá trị của biểu thức, máy tính sẽ thực thi mã củavar myBestColor;
89 đóvar myBestColor;
- Nếu không có trường hợp nào khớp với giá trị của biểu thức, máy tính sẽ thực hiện mệnh đề
02function writeName[] {}
ghi chú
Mã
function writeName[] {}
20 trả về ngày trong tuần dưới dạng một số từ function writeName[] {}
27 đến function writeName[] {}
28—trong đó function writeName[] {}
27 là Chủ Nhật, function writeName[] {}
30 là Thứ Hai và function writeName[] {}
28 là Thứ BảyNhững điều quan trọng cần biết về câu lệnh điều kiện var myBestColor;
05
var myBestColor;
Giá trị của mệnh đề
var myBestColor;
89 có thể là kiểu dữ liệu nguyên thủy hoặc biếnChẳng hạn, hãy xem xét các ví dụ dưới đây
ví dụ 1. Dữ liệu ban đầu được sử dụng làm giá trị của mệnh đềvar myBestColor;
89x = 3;
7Hãy dùng thử trên StackBlitz
Chúng tôi đã sử dụng các nguyên hàm chuỗi làm giá trị của ba mệnh đề
var myBestColor;
89 trong đoạn mã trênví dụ 2. Biến được sử dụng làm giá trị của mệnh đề var myBestColor;
89x = 3;
8Hãy dùng thử trên StackBlitz
Đoạn mã trên đã sử dụng các biến làm giá trị của ba mệnh đề
var myBestColor;
89Bất cứ khi nào bạn sử dụng một biến làm giá trị của mệnh đề
var myBestColor;
89, giá trị đó sẽ khớp với bất kỳ đối số nào có cùng giá trịĐây là một ví dụ
x = 3;
9Hãy dùng thử trên StackBlitz
Các đối số của câu lệnh
var myBestColor;
05 khớp với các biến của mệnh đề var myBestColor;
89 vì chúng có cùng giá trịVì vậy, bây giờ bạn đã biết về
var myBestColor;
05 và var myBestColor;
58 câu điều kiện, hãy thảo luận về sự khác biệt của chúngvar myBestColor;
05 so với. var myBestColor;
58 câu điều kiện – Đâu là sự khác biệt?
var myBestColor;
var myBestColor;
Dưới đây là một số điểm khác biệt giữa câu điều kiện
var myBestColor;
05 và câu điều kiện var myBestColor;
58Chênh lệch 1. Cú pháp nào dễ đọc hơn?
Cú pháp của
var myBestColor;
05 được cho là đơn giản và đỡ rườm rà hơn câu lệnh var myBestColor;
58Chẳng hạn, hãy xem xét câu lệnh
var myBestColor;
58 dưới đây3 + 7;
0Bây giờ, hãy xem xét phương án thay thế
var myBestColor;
053 + 7;
1Bạn thấy cú pháp nào trong hai cú pháp gọn gàng và dễ đọc hơn?
Đa số nói rằng cú pháp của
var myBestColor;
05 gọn gàng hơn. Tuy nhiên, sở thích là của bạn để sở hữuChênh lệch 2. Câu lệnh nào trong hai câu lệnh điều kiện hoạt động tốt nhất với nhiều toán tử logic?
Giả sử bạn muốn chỉ định các điều kiện phức tạp chẳng hạn như nhiều toán tử logic. Trong trường hợp như vậy, tốt nhất là sử dụng câu điều kiện
var myBestColor;
58Đây là một ví dụ
3 + 7;
2Câu lệnh điều kiện
var myBestColor;
58 là tốt nhất cho các điều kiện phức tạp như ở trênMột câu lệnh JavaScript điển hình khác là câu lệnh lặp [vòng lặp]. Hãy cùng tìm hiểu thêm về nó dưới đây
Câu lệnh Lặp lại JavaScript [Vòng lặp] là gì?
Câu lệnh lặp là bất kỳ đoạn mã nào cho phép bạn lặp lại việc thực hiện chương trình một cách dễ dàng và nhanh chóng
Nói cách khác, các vòng lặp cung cấp một cách DRY [Don't Repeat Yourself] để hướng dẫn máy tính thực thi lặp đi lặp lại một mã cụ thể
Chẳng hạn, hãy xem xét đoạn mã dưới đây
3 + 7;
3Hãy dùng thử trên StackBlitz
Lưu ý rằng việc bỏ qua một câu lệnh lặp buộc chúng ta phải lặp lại cùng một đoạn mã [
var myBestColor;
23] mười lăm lầnBây giờ chúng ta hãy xem các vòng lặp làm cho mọi thứ gọn gàng và KHÔ hơn như thế nào
3 + 7;
4Hãy dùng thử trên StackBlitz
Bạn thấy đấy, giống như phép thuật, chúng tôi đã làm sạch mã của mình bằng cách sử dụng câu lệnh lặp để hướng dẫn máy tính ghi các số
function writeName[] {}
30 đến function writeName[] {}
56 vào bảng điều khiểnĐừng lo lắng nếu bạn không hiểu bất kỳ phần nào của câu lệnh lặp. Bài viết này đã giúp bạn
Trong các phần sau, bạn sẽ tìm hiểu về các loại câu lệnh vòng lặp tồn tại trong JavaScript
Các loại vòng lặp JavaScript
Có năm loại câu lệnh vòng lặp chính trong JavaScript
Hãy cùng tìm hiểu về từng loại—bắt đầu với câu lệnh vòng lặp
function writeName[] {}
57Câu lệnh vòng lặp function writeName[] {}
57
function writeName[] {}
Một vòng lặp
function writeName[] {}
57 chỉ thị cho máy tính rằng trong khi một điều kiện cụ thể là đúng, thì nó sẽ thực thi lặp lại khối mã của vòng lặp function writeName[] {}
57Đây là cú pháp của nó
3 + 7;
5Chú ý cú pháp của vòng lặp
function writeName[] {}
57 tương tự như thế nào với. Sự giống nhau không phải ngẫu nhiên, vì cả hai đều hoạt động giống nhau. Sự khác biệt chính của chúng là câu lệnh var myBestColor;
02 không lặp qua khối mã của nó, trong khi câu lệnh function writeName[] {}
57 thì không.Nói cách khác, khối mã của câu lệnh
var myBestColor;
02 chỉ thực thi một lần. Tuy nhiên, khối mã của vòng lặp function writeName[] {}
57 thực thi lặp đi lặp lại cho đến khi điều kiện được chỉ định của nó ước tính thành "Hello" + " " + "World";
2Đây là một ví dụ
3 + 7;
6Hãy dùng thử trên StackBlitz
Câu lệnh vòng lặp
function writeName[] {}
57 trong đoạn mã trên nói rằng- Trong khi giá trị của
69 nhỏ hơnfunction writeName[] {}
70, máy tính sẽ ghi giá trị vào bảng điều khiểnfunction writeName[] {}
- Sau đó,
69 bởifunction writeName[] {}
30function writeName[] {}
- Và bắt đầu lại quá trình vòng lặp cho đến khi giá trị của
69 làfunction writeName[] {}
70function writeName[] {}
Khi giá trị của
function writeName[] {}
69 bằng với function writeName[] {}
70, hệ thống sẽ nhận ra rằng điều kiện được chỉ định để quá trình vòng lặp lặp lại quá trình thực hiện của nó hiện là saiDo đó, máy tính sẽ ngừng lặp lại câu lệnh
Hãy nhớ rằng giả sử bạn đã viết đoạn trích trên dưới dạng một câu lệnh
var myBestColor;
02. Trong trường hợp đó, mã sẽ thực thi chỉ một lầnĐây là một ví dụ
3 + 7;
7Hãy dùng thử trên StackBlitz
Câu lệnh
var myBestColor;
02 trong đoạn mã trên sẽ chỉ thực thi một lần—bởi vì câu lệnh điều kiện var myBestColor;
02 không lặp qua khối mã của nóGiả sử chúng ta không chỉ định cách để điều kiện của vòng lặp
function writeName[] {}
57 cuối cùng trở thành "Hello" + " " + "World";
2. Trong trường hợp như vậy, vòng lặp sẽ không bao giờ kết thúc. Nó sẽ chạy vô tậnChẳng hạn, vòng lặp
function writeName[] {}
57 bên dưới sẽ thực thi mãi mãi vì điều kiện đã chỉ định không được lập trình để cuối cùng trở thành "Hello" + " " + "World";
2thận trọng
3 + 7;
8ghi chú
Tốt nhất là tránh các vòng lặp vô hạn. Họ không tốt
function writeName[] {}
84 câu lệnh vòng lặp
function writeName[] {}
Vòng lặp
function writeName[] {}
85 hướng dẫn máy tính thực hiện tác vụ trong khối mã một lần. Sau đó, trong khi điều kiện đã chỉ định là đúng, nó sẽ lặp lại quá trình thực thi của khốighi chú
function writeName[] {}
85 tương tự như vòng lặp function writeName[] {}
57. Sự khác biệt chính của chúng là function writeName[] {}
85 bắt đầu công việc của mình bằng cách thực hiện tác vụ của khối mã một lần—bất kể tính trung thực của điều kiện đã chỉ địnhĐây là cú pháp của nó
3 + 7;
9Đây là một ví dụ
10;
0Hãy dùng thử trên StackBlitz
Câu lệnh vòng lặp
function writeName[] {}
85 trong đoạn mã trên yêu cầu máy tính- Thực hiện tác vụ trong khối mã một lần
- Sau đó, trong khi
69 nhỏ hơnfunction writeName[] {}
27, máy tính sẽ thực thi lại mã của khốifunction writeName[] {}
function writeName[] {}
92 câu lệnh vòng lặp
function writeName[] {}
Vòng lặp
function writeName[] {}
92 hoạt động tương tự như câu lệnh vòng lặp function writeName[] {}
57. Sự khác biệt chính là cú pháp của họChẳng hạn, đây là cú pháp của vòng lặp
function writeName[] {}
573 + 7;
5Và đây là cú pháp của vòng lặp
function writeName[] {}
9210;
2
97 cho biết giá trị mà máy tính nên sử dụng để bắt đầu vòng lặpfunction writeName[] {}
98 xác định điều kiện tiên quyết cần thiết để máy tính thực thi khối mãfunction writeName[] {}
99 cho phép bạn cập nhật một biểu thức ở cuối mỗi vòng lặpfunction writeName[] {}
Vì vậy, chính xác điều này có nghĩa là gì?
3 + 7;
6Hãy dùng thử trên StackBlitz
Sự tương đương của vòng lặp
function writeName[] {}
92 của mã vòng lặp function writeName[] {}
57 ở trên là đây10;
4Hãy dùng thử trên StackBlitz
Trong đoạn mã trên, vòng lặp
function writeName[] {}
92 ngụ ý rằng- Đối với giá trị ban đầu là
30 và với điều kiện làfunction writeName[] {}
69 nhỏ hơnfunction writeName[] {}
70, máy tính sẽ ghi giá trị củafunction writeName[] {}
69 vào bảng điều khiểnfunction writeName[] {}
- Sau đó,
69 bởifunction writeName[] {}
30function writeName[] {}
- Và bắt đầu lại quá trình vòng lặp cho đến khi giá trị của
69 làfunction writeName[] {}
70function writeName[] {}
Khi giá trị của
function writeName[] {}
69 bằng với function writeName[] {}
70, hệ thống sẽ nhận ra rằng điều kiện được chỉ định để quá trình vòng lặp lặp lại quá trình thực hiện của nó hiện là saiDo đó, máy tính sẽ ngừng lặp lại câu lệnh
Lưu ý rằng một số nhà phát triển muốn bỏ qua khối [
x = 3;
14] của vòng lặp function writeName[] {}
92 nếu vòng lặp chỉ chứa một câu lệnh. Vì vậy, bạn có thể thấy đoạn mã trước được viết như vậy10;
5Hãy dùng thử trên StackBlitz
Ngoài ra, hãy nhớ rằng bạn có thể sử dụng trình cập nhật biểu thức của vòng lặp
function writeName[] {}
92 để cập nhật bất kỳ biểu thức nào trong tập lệnh của mìnhVí dụ, xem xét mã này
10;
6Hãy dùng thử trên StackBlitz
Lưu ý rằng chúng tôi đã không sử dụng biểu thứcUpdater của vòng lặp [
x = 3;
17] để cập nhật biểu thức ban đầu của vòng lặp [function writeName[] {}
69]Một câu lệnh vòng lặp thú vị khác là
x = 3;
19. Hãy cùng tìm hiểu thêm về nó dưới đâyx = 3;
20 câu lệnh vòng lặp
x = 3;
Vòng lặp
x = 3;
19 hướng dẫn máy tính lặp qua từng thuộc tính trong một đối tượng nhất địnhĐây là cú pháp của nó
10;
7Bạn có thể dịch đoạn trích trên thành
92 mỗifunction writeName[] {}
23x = 3;
24x = 3;
25 được chỉ định, máy tính sẽ thực thi khối mãx = 3;
Hãy nhớ rằng
x = 3;
26 là một biến thông thường mà chúng tôi đã đặt tên là x = 3;
23. Vì vậy, khi xác định vòng lặp x = 3;
19 của bạn, vui lòng đặt cho biến bất kỳ tên nào bạn thíchghi chú
x = 3;
26 dùng để theo dõi thuộc tính mà máy tính hiện đang lặpĐây là một ví dụ
10;
8Hãy dùng thử trên StackBlitz
Trong đoạn mã trên, mã
x = 3;
19 nói rằng đối với mỗi thuộc tính trong x = 3;
31, máy tính sẽ thực thi khối mã của vòng lặpVì vậy, bây giờ bạn đã biết về
x = 3;
19, chúng ta có thể nói về vòng lặp x = 3;
33x = 3;
34 câu lệnh vòng lặp
x = 3;
Một vòng lặp
x = 3;
33 hướng dẫn máy tính lặp qua từng giá trị của an 'x = 3;
33 cho phép bạn lặp qua Mảng, Bộ, Bản đồ, Chuỗi, Danh sách nút, đối số và các lần lặp do người dùng xác địnhĐây là cú pháp của nó
10;
9Bạn có thể dịch đoạn trích trên thành
92 mỗifunction writeName[] {}
38x = 3;
39x = 3;
40 được chỉ định, máy tính sẽ thực thi khối mãx = 3;
Đây là một ví dụ
5 + 2;
0Hãy dùng thử trên StackBlitz
Mã
x = 3;
33 nói rằng đối với mỗi giá trị của đối tượng có thể lặp lại x = 3;
42, máy tính sẽ thực thi khối mã của vòng lặpTrước khi chúng ta kết thúc thảo luận về câu lệnh vòng lặp, bạn nên biết sự khác biệt giữa
x = 3;
19 và x = 3;
33. Vì vậy, hãy nói về điều đó dưới đâyx = 3;
20 so với. x = 3;
34 câu lệnh vòng lặp – Điểm khác biệt là gì?
x = 3;
x = 3;
Sự khác biệt chính giữa vòng lặp
x = 3;
19 và câu lệnh x = 3;
33 là
19 vòng lặp thông qua tên của từng mục trong một đối tượng. Nhưngx = 3;
33 vòng lặp qua từng giá trịx = 3;
Chẳng hạn, hãy xem xét mã bên dưới, nơi chúng tôi đã sử dụng vòng lặp
x = 3;
19 để lặp qua một đối tượng mảng5 + 2;
1Hãy dùng thử trên StackBlitz
Lưu ý rằng đoạn mã trên đã lặp qua tên [khóa] của từng mục trong mảng
x = 3;
42Bây giờ, hãy thay thế mã
x = 3;
19 bằng x = 3;
33 để xem đầu ra của vòng lặp5 + 2;
0Hãy dùng thử trên StackBlitz
Quan sát rằng mã
x = 3;
33 được lặp qua các giá trị của từng mục của mảng x = 3;
42Vì vậy, bất cứ khi nào bạn cần lặp lại các giá trị của một đối tượng có thể lặp lại, hãy sử dụng
x = 3;
33. Nhưng giả sử bạn muốn lặp qua vô số thuộc tính. Trong trường hợp như vậy, hãy sử dụng x = 3;
19Có những trường hợp bạn cần quản lý lỗi. Đối với những trường hợp sử dụng đó, JavaScript cung cấp câu lệnh xử lý lỗi. Hãy cùng tìm hiểu thêm về nó dưới đây
Tuyên bố xử lý lỗi JavaScript là gì?
Câu lệnh xử lý lỗi là một đoạn mã cho phép bạn kiểm tra, quản lý và tạo các thông báo lỗi tùy chỉnh
ghi chú
Thuật ngữ "ngoại lệ" thường được sử dụng đồng nghĩa với "". Vì vậy, thay vì nói, "JavaScript sẽ đưa ra lỗi
x = 3;
59", bạn có thể nói, "JavaScript sẽ đưa ra một ngoại lệ x = 3;
59"Bốn câu lệnh xử lý lỗi trong JavaScript là.
x = 3;
61, x = 3;
62, x = 3;
63 và x = 3;
64Hãy thảo luận về từng loại—bắt đầu với
x = 3;
61Tuyên bố x = 3;
61
x = 3;
Câu lệnh
x = 3;
61 cho phép bạn kiểm tra một khối mã cụ thể để tìm lỗiĐây là một ví dụ
5 + 2;
3ghi chú
Bạn phải luôn sử dụng khối [
x = 3;
14] với từ khóa x = 3;
61—ngay cả khi bạn chỉ xác định một câuGiả sử máy tính tìm thấy lỗi trong khối mã của
x = 3;
61. Trong trường hợp đó, JavaScript sẽ tạo một đối tượng x = 3;
71 chứa các thuộc tính x = 3;
72 và x = 3;
73Hãy nhớ rằng một câu lệnh
x = 3;
61 được xác định một mình [như đã làm ở trên] sẽ không làm được gì. Thay vào đó, bạn phải xâu chuỗi nó thành một câu lệnh x = 3;
62 hoặc x = 3;
63Tuyên bố x = 3;
62
x = 3;
Câu lệnh
x = 3;
62 cho phép bạn xử lý các ngoại lệ được đưa ra bởi x = 3;
61Chẳng hạn, hãy xem xét mã
x = 3;
80 bên dưới5 + 2;
4Hãy dùng thử trên StackBlitz
Đoạn mã trên đã sử dụng
x = 3;
61 để kiểm tra xem có lỗi nào tồn tại trong x = 3;
82 khôngSau đó, chúng tôi đã sử dụng
x = 3;
62 để xử lý bất kỳ ngoại lệ nào được đưa ra bởi câu lệnh x = 3;
61Như vậy, nếu máy tính gặp lỗi trong câu lệnh
x = 3;
61, nó sẽ thực hiện như sau- Tạo một đối tượng
71x = 3;
- Truyền đối tượng
71 cho tham sốx = 3;
89 của câu lệnhx = 3;
62x = 3;
62 sẽ xử lý ngoại lệ được đưa ra bằng cách ghi giá trị củax = 3;
91 vào bảng điều khiển của trình duyệtx = 3;
Lưu ý rằng bất cứ khi nào bạn ghi lỗi vào bảng điều khiển trong câu lệnh
x = 3;
62, bạn nên sử dụng x = 3;
93 thay vì x = 3;
94Vì vậy, hãy cấu trúc lại đoạn mã trước đó để sử dụng
x = 3;
935 + 2;
5Hãy dùng thử trên StackBlitz
Hãy nhớ rằng bạn không bắt buộc phải tham chiếu đối tượng
x = 3;
71 trong câu lệnh x = 3;
62 của mìnhVì vậy, ví dụ, bạn có thể xác định mã
x = 3;
80 trước đó như vậy5 + 2;
6Hãy dùng thử trên StackBlitz
Bây giờ chúng ta hãy thảo luận về câu lệnh
x = 3;
63Tuyên bố x = 3;
63
x = 3;
Câu lệnh
x = 3;
63 cho phép bạn chạy một số mã sau khi thực thi của x = 3;
61 hoặc x = 3;
62—bất kể x = 3;
61 có đưa ra ngoại lệ hay không hoặc liệu x = 3;
62 có xử lý bất kỳ lỗi nào hay khôngĐây là một ví dụ
5 + 2;
7Hãy dùng thử trên StackBlitz
Lưu ý rằng máy tính đã thực thi mã của
x = 3;
63—mặc dù chúng tôi không chỉ định câu lệnh x = 3;
62Đây là một ví dụ khác
5 + 2;
8Hãy dùng thử trên StackBlitz
Bây giờ, hãy xem xét ví dụ thứ ba này
5 + 2;
9Hãy dùng thử trên StackBlitz
Một câu lệnh xử lý lỗi quan trọng khác là
x = 3;
64. Hãy nói về nó dưới đâyTuyên bố x = 3;
64
x = 3;
Câu lệnh
x = 3;
64 cho phép bạn tạo thông báo lỗi tùy chỉnh của mìnhĐây là một ví dụ
z = 5 + 2;
0Dùng thử trên CodePen
Đây là một ví dụ khác
z = 5 + 2;
1Dùng thử trên CodePen
Tổng quan
Bài viết này đã thảo luận về câu lệnh JavaScript là gì. Chúng tôi cũng đã xem xét năm loại câu lệnh JavaScript điển hình
Tôi hy vọng bạn thấy bài viết này hữu ích. Xin vui lòng chia sẻ suy nghĩ của bạn bằng cách để lại một bình luận dưới đây. Và bạn cũng có thể mua cho tôi một ly cà phê