Một câu lệnh javascript là gì đưa ra một ví dụ?

Đ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;

3

Có 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;

4

Hã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;

8

Hã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 chung

Vì 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";

4

Biể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";

6

Biể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;

0

Trê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;

1

Mã 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";

0

Biể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";

2

Hã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;

2

Mã 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";

1

Hãy xem xét ví dụ khác này

var myBestColor;

3

Mã 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;

4

Mã trong đoạn mã trên là một biểu thức logic thể hiện giá trị Boolean của

"Hello" + " " + "World";

1

mộ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;

5

Mỗ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;

6

Trong đ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;

01

Mộ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;

05

Hã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;

02

var myBestColor;02 câu điều kiện

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;

8

Hã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

var myBestColor;03 câu điều kiện

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;

02

Khi đượ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() {}

0

Hã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

Hã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ậy

function writeName() {}

1

Hã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() {}

2

Hã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;

02

Do đó, 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 sai

Mọ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;

21

ghi 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() {}

4

Hã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() {}

5

Hã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ập

Hã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ậy

function writeName() {}

6

Hã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ến

Vì 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;

04

var myBestColor;04 câu lệnh điều kiện

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ác

ghi 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() {}

8

Hã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

Mặ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() {}

9

Hã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

Mặt khác, nếu thời gian ít hơn

var myBestColor;

49, thì

var myBestColor;

50 sẽ được ghi lại

Mặt khác, nếu thời gian ít hơn

var myBestColor;

55, thì

var myBestColor;

56 sẽ được ghi lại

Khác,

var myBestColor;

20 sẽ được đăng nhập

Có 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;

1

Hã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

Mặt khác, nếu thời gian ít hơn

var myBestColor;

49, thì

var myBestColor;

50 sẽ được ghi lại

Mặt khác, nếu thời gian ít hơn

var myBestColor;

55, thì

var myBestColor;

56 sẽ được ghi lại

Khác,

var myBestColor;

20 sẽ được đăng nhập

Đây là một ví dụ khác

x = 3;

2

Hã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;

69

Mặ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ại

Mặ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ại

Khác,

var myBestColor;

77 sẽ được đăng nhập

Hã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ậy

x = 3;

3

Hã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;

05

var myBestColor;05 câu điều kiện

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 đã cho

Câ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;

4

var myBestColor;

86 là gì?

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;

89

Mệnh đề

var myBestColor;

89 là gì?

Mệnh đề trường hợp bao gồm

• từ khóa

  var myBestColor;
  

  89,
• giá trị bạn muốn so khớp với

  var myBestColor;
  

  86 và
• mã mà máy tính sẽ thực thi nếu giá trị được chỉ định khớp với

  var myBestColor;
  

  86

Từ khóa

var myBestColor;

94 là gì?

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ẩn

Giả 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ông

ghi 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ạn

Từ khóa

function writeName() {}

02 là gì?

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ẩn

Mặ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ốn

Tuy 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;

05

Ngoà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() {}

02

Cũ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;

5

Hã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

1. Máy tính sẽ đánh giá biểu thức chuẩn (

   function writeName() {}
   

   14) để lấy giá trị hiện tại của nó
2. Máy tính sẽ phân tích khối mã của

   var myBestColor;
   

   05 để xác nhận xem có bất kỳ giá trị nào của

   var myBestColor;
   

   89 khớp với điểm chuẩn hay không
3. Nếu

   var myBestColor;
   

   89 khớp với giá trị của biểu thức, máy tính sẽ thực thi mã của

   var myBestColor;
   

   89 đó
4. 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 đề

   function writeName() {}
   

   02 sẽ được thực thi

Đây là một ví dụ khác

x = 3;

6

Hãy dùng thử trên StackBlitz

Đây là cách đoạn mã trên sẽ chạy

1. Máy tính sẽ đánh giá biểu thức chuẩn (

   function writeName() {}
   

   20) để lấy giá trị hiện tại của nó
2. Máy tính sẽ phân tích khối mã của

   var myBestColor;
   

   05 để xác nhận xem có bất kỳ giá trị nào của

   var myBestColor;
   

   89 khớp với điểm chuẩn hay không
3. Nếu

   var myBestColor;
   

   89 khớp với giá trị của biểu thức, máy tính sẽ thực thi mã của

   var myBestColor;
   

   89 đó
4. 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 đề

   function writeName() {}
   

   02

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ảy

Những điều quan trọng cần biết về câu lệnh điều kiện

var myBestColor;

05

Giá trị của mệnh đề

var myBestColor;

89 có thể là kiểu dữ liệu nguyên thủy hoặc biến

Chẳ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;

89

x = 3;

7

Hã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ên

ví dụ 2. Biến được sử dụng làm giá trị của mệnh đề

var myBestColor;

89

x = 3;

8

Hã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;

89

Bấ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;

9

Hã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úng

var myBestColor;05 so với. var myBestColor;58 câu điều kiện – Đâu là sự khác biệt?

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;

58

Chê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;

58

Chẳng hạn, hãy xem xét câu lệnh

var myBestColor;

58 dưới đây

3 + 7;

0

Bây giờ, hãy xem xét phương án thay thế

var myBestColor;

05

3 + 7;

1

Bạ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ữu

Chê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;

2

Câ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ên

Mộ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;

3

Hã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ần

Bâ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;

4

Hã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() {}

57

Câu lệnh vòng lặp function writeName() {}57

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;

5

Chú ý 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;

6

Hã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

  function writeName() {}
  

  69 nhỏ hơn

  function writeName() {}
  

  70, máy tính sẽ ghi giá trị vào bảng điều khiển
• Sau đó,

  function writeName() {}
  

  69 bởi

  function writeName() {}
  

  30
• Và bắt đầu lại quá trình vòng lặp cho đến khi giá trị của

  function writeName() {}
  

  69 là

  function writeName() {}
  

  70

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à sai

Do đó, 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;

7

Hã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ận

Chẳ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";

2

thận trọng

3 + 7;

8

ghi 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

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ối

ghi 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;

0

Hã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

  function writeName() {}
  

  69 nhỏ hơn

  function writeName() {}
  

  27, máy tính sẽ thực thi lại mã của khối

function writeName() {}92 câu lệnh vòng lặp

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() {}

57

3 + 7;

5

Và đây là cú pháp của vòng lặp

function writeName() {}

92

10;

2

• function writeName() {}
  

  97 cho biết giá trị mà máy tính nên sử dụng để bắt đầu vòng lặp

• function 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ặp

Vì vậy, chính xác điều này có nghĩa là gì?

3 + 7;

6

Hã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à đây

10;

4

Hã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à

  function writeName() {}
  

  30 và với điều kiện là

  function writeName() {}
  

  69 nhỏ hơn

  function writeName() {}
  

  70, máy tính sẽ ghi giá trị của

  function writeName() {}
  

  69 vào bảng điều khiển
• Sau đó,

  function writeName() {}
  

  69 bởi

  function writeName() {}
  

  30
• Và bắt đầu lại quá trình vòng lặp cho đến khi giá trị của

  function writeName() {}
  

  69 là

  function writeName() {}
  

  70

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à sai

Do đó, 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ậy

10;

5

Hã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ình

Ví dụ, xem xét mã này

10;

6

Hã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 đây

x = 3;20 câu lệnh vòng lặp

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;

7

Bạn có thể dịch đoạn trích trên thành

• function writeName() {}
  

  92 mỗi

  x = 3;
  

  23

  x = 3;
  

  24

  x = 3;
  

  25 được chỉ định, máy tính sẽ thực thi khối mã

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ích

ghi 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;

8

Hã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ặp

Vì 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;

33

x = 3;34 câu lệnh vòng lặp

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;

9

Bạn có thể dịch đoạn trích trên thành

• function writeName() {}
  

  92 mỗi

  x = 3;
  

  38

  x = 3;
  

  39

  x = 3;
  

  40 được chỉ định, máy tính sẽ thực thi khối mã

Đây là một ví dụ

5 + 2;

0

Hã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ặp

Trướ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 đây

x = 3;20 so với. x = 3;34 câu lệnh vòng lặp – Điểm khác biệt là gì?

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à

• x = 3;
  

  19 vòng lặp thông qua tên của từng mục trong một đối tượng. Nhưng

  x = 3;
  

  33 vòng lặp qua từng giá trị

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ảng

5 + 2;

1

Hã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;

42

Bây giờ, hãy thay thế mã

x = 3;

19 bằng

x = 3;

33 để xem đầu ra của vòng lặp

5 + 2;

0

Hã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;

42

Vì 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;

19

Có 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;

64

Hãy thảo luận về từng loại—bắt đầu với

x = 3;

61

Tuyên bố x = 3;61

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;

3

ghi 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âu

Giả 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;

73

Hã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;

63

Tuyên bố x = 3;62

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;

61

Chẳng hạn, hãy xem xét mã

x = 3;

80 bên dưới

5 + 2;

4

Hã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ông

Sau đó, 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;

61

Như 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

1. Tạo một đối tượng

   x = 3;
   

   71
2. Truyền đối tượng

   x = 3;
   

   71 cho tham số

   x = 3;
   

   89 của câu lệnh

   x = 3;
   

   62

3. x = 3;
   

   62 sẽ xử lý ngoại lệ được đưa ra bằng cách ghi giá trị của

   x = 3;
   

   91 vào bảng điều khiển của trình duyệt

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;

94

Vì vậy, hãy cấu trúc lại đoạn mã trước đó để sử dụng

x = 3;

93

5 + 2;

5

Hã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ình

Vì vậy, ví dụ, bạn có thể xác định mã

x = 3;

80 trước đó như vậy

5 + 2;

6

Hã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;

63

Tuyên bố x = 3;63

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;

7

Hã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;

8

Hãy dùng thử trên StackBlitz

Bây giờ, hãy xem xét ví dụ thứ ba này

5 + 2;

9

Hã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 đây

Tuyên bố x = 3;64

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;

0

Dùng thử trên CodePen

Đây là một ví dụ khác

z = 5 + 2;

1

Dù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ê

Câu lệnh JavaScript là gì?

3 loại câu lệnh trong JavaScript là gì?

JavaScript là gì giải thích với các ví dụ?

Ví dụ JavaScript được sử dụng ở đâu?