Hướng dẫn control structures in html - cấu trúc điều khiển trong html


Các cấu trúc điều khiển trong JavaScript cho phép luồng chương trình thay đổi trong một đơn vị mã hoặc hàm. Các câu lệnh này có thể xác định liệu các câu lệnh được đưa ra có được thực thi hay không - và cung cấp cơ sở cho việc thực thi lặp lại một khối mã.

Nội dung chính ShowShow

  • Cấu trúc kiểm soát [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]
  • Nếu [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]
  • Trong khi [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]
  • Làm trong khi [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]
  • cho [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]
  • Chuyển đổi [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]
  • với [chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]
  • Ưu điểm [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]
  • Nhược điểm [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]
  • Ví dụ [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]
  • 4 cấu trúc điều khiển là gì?
  • Ba loại cấu trúc kiểm soát trong JavaScript giải thích là gì?
  • 3 cấu trúc điều khiển chính là gì?
  • 3 loại cấu trúc điều khiển với các ví dụ là gì?

Hầu hết các câu lệnh được liệt kê dưới đây là các câu lệnh được gọi là có điều kiện có thể hoạt động trên một câu lệnh hoặc trên một khối mã được đặt với niềng răng ({và}). Cấu trúc được cung cấp bởi việc sử dụng các câu lệnh có điều kiện sử dụng booleans để xác định xem một khối có được thực thi hay không. Trong việc sử dụng booleans này, bất kỳ biến được xác định nào không phải là không cũng như một chuỗi trống sẽ được đánh giá là đúng.

Cấu trúc kiểm soát [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

Nếu [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

Trong khi [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

if (a === b) {
  document.body.innerHTML += "a equals b";
}

Làm trong khi [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

if (a === b) {
  document.body.innerHTML += "a equals b";
} else if (a === c) {
  document.body.innerHTML += "a equals c";
} else {
  document.body.innerHTML += "a does not equal either b or c";
}

Trong khi [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

Làm trong khi [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

while (c < 10) {
  c += 1;
  // …
}

cho [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

Chuyển đổi [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

Làm trong khi [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

cho [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

do {
  c += 1;
} while (c < 10);

Chuyển đổi [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

cho [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

Chuyển đổi [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

if (a === b) {
  document.body.innerHTML += "a equals b";
} else if (a === c) {
  document.body.innerHTML += "a equals c";
} else {
  document.body.innerHTML += "a does not equal either b or c";
}
0

với [chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

var c;
for (c = 0; c < 10; c += 1) {
  // …
}

Ưu điểm [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

Nhược điểm [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

Ví dụ [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

for (element in object) {
  // …
}

4 cấu trúc điều khiển là gì?

Chuyển đổi [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

với [chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

switch(i) {
case 1:
  // …
  break;
case 2:
  // …
  break;
default:
  // …
  break;
}

Ưu điểm [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

Nhược điểm [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

Nhãn trường hợp chỉ có thể có hằng số như một phần của tình trạng của chúng.

Từ khóa Break thoát ra khỏi câu lệnh Switch và xuất hiện ở cuối mỗi trường hợp để ngăn mã không mong muốn thực thi. Mặc dù từ khóa Break có thể bị bỏ qua (ví dụ, bạn muốn một khối mã được thực thi cho nhiều trường hợp), nhưng nó có thể được coi là thực hành xấu khi làm như vậy.

Từ khóa tiếp tục không áp dụng cho các câu lệnh chuyển đổi.

Một cách sử dụng hơi khác của câu lệnh Switch có thể được tìm thấy tại liên kết sau: https://www.digitalocean.com/community/tutorials/how-to-use-the-switch-statement-in-javascript

Bỏ qua việc phá vỡ có thể được sử dụng để kiểm tra hơn một giá trị tại một thời điểm:

if (a === b) {
  document.body.innerHTML += "a equals b";
} else if (a === c) {
  document.body.innerHTML += "a equals c";
} else {
  document.body.innerHTML += "a does not equal either b or c";
}
0

Trong trường hợp này, chương trình sẽ chạy cùng một mã trong trường hợp

if (a === b) {
  document.body.innerHTML += "a equals b";
} else if (a === c) {
  document.body.innerHTML += "a equals c";
} else {
  document.body.innerHTML += "a does not equal either b or c";
}
1 bằng 1, 2 hoặc 3.

với [chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

Câu lệnh với câu lệnh được sử dụng để mở rộng chuỗi phạm vi cho một khối [1] và có cú pháp sau:

if (a === b) {
  document.body.innerHTML += "a equals b";
} else if (a === c) {
  document.body.innerHTML += "a equals c";
} else {
  document.body.innerHTML += "a does not equal either b or c";
}
2

Ưu điểm [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

Tuyên bố có thể giúp

  • giảm kích thước tệp bằng cách giảm nhu cầu lặp lại tham chiếu đối tượng dài và
  • Giảm bớt thông dịch viên của phân tích tham chiếu đối tượng lặp đi lặp lại.

Tuy nhiên, trong nhiều trường hợp, điều này có thể đạt được bằng cách sử dụng một biến tạm thời để lưu trữ một tham chiếu đến đối tượng mong muốn.

Nhược điểm [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

Tuyên bố buộc đối tượng được chỉ định sẽ được tìm kiếm trước cho tất cả các tra cứu tên. Vì vậy

  • Tất cả các định danh không phải là thành viên của đối tượng được chỉ định sẽ được tìm thấy chậm hơn trong khối 'với' và chỉ nên được sử dụng để bao gồm các khối mã truy cập các thành viên của đối tượng.
  • với việc gây khó khăn cho con người hoặc máy tìm ra đối tượng nào có nghĩa bằng cách tìm kiếm chuỗi phạm vi.
  • Được sử dụng với một thứ khác ngoài một đối tượng đơn giản, có thể không tương thích về phía trước.

Do đó, việc sử dụng câu lệnh With không được khuyến nghị, vì nó có thể là nguồn gây khó hiểu và các vấn đề tương thích.

Ví dụ [Chỉnh sửa | Chỉnh sửa nguồn][edit | edit source]

if (a === b) {
  document.body.innerHTML += "a equals b";
} else if (a === c) {
  document.body.innerHTML += "a equals c";
} else {
  document.body.innerHTML += "a does not equal either b or c";
}
3
  1. Sheppy, Bleach et al. (2014-11-18). "với" (bằng tiếng Anh) (html). Mozilla. Được lưu trữ từ bản gốc vào năm 2014-11-18. https://developer.mozilla.org/en-us/docs/web/javascript/reference/statements/with. Truy cập 2015-03-18.Sheppy, Shaver et al. (2014-11-18). "with" (in English) (HTML). Mozilla. Archived from the original on 2014-11-18. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/with. Retrieved 2015-03-18. Sheppy, Shaver et al. (2014-11-18). "with" (in English) (HTML). Mozilla. Archived from the original on 2014-11-18. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/with. Retrieved 2015-03-18.

4 cấu trúc điều khiển là gì?

IF-OLSE điều kiện, câu lệnh trường hợp, cho các vòng lặp và trong khi các vòng lặp đều là cấu trúc điều khiển. are all control structures. are all control structures.

Ba loại cấu trúc kiểm soát trong JavaScript giải thích là gì?

Có ba tuyên bố lặp lại: trong khi, do-while và cho.Hãy hiểu từng cú pháp.Một trong những câu lệnh dòng điều khiển, thực thi một khối mã khi điều kiện được thỏa mãn.Nhưng không giống như nếu, trong khi tiếp tục lặp lại cho đến khi điều kiện được thỏa mãn.WHILE, DO-WHILE and FOR. Let's understand each with syntax. one of the control flow statement, which executes a code block when the condition is satisfied. But unlike IF, while keeps repeating itself until the condition is satisfied.WHILE, DO-WHILE and FOR. Let's understand each with syntax. one of the control flow statement, which executes a code block when the condition is satisfied. But unlike IF, while keeps repeating itself until the condition is satisfied.

3 cấu trúc điều khiển chính là gì?

Lưu lượng kiểm soát thông qua bất kỳ chức năng nào được thực hiện với ba loại cấu trúc điều khiển cơ bản:...

Tuần tự: Chế độ mặc định.....

Lựa chọn: Được sử dụng cho các quyết định, phân nhánh - lựa chọn giữa 2 đường dẫn khác.....

Lặp lại: Được sử dụng để lặp, tức là lặp lại một đoạn mã nhiều lần liên tiếp ..

3 loại cấu trúc điều khiển với các ví dụ là gì?

Sau đây là các loại cấu trúc điều khiển khác nhau: cấu trúc điều khiển tuần tự.Cấu trúc kiểm soát lựa chọn.Cấu trúc kiểm soát lặp.Sequential control structure. Selection control structure. Iteration control structure.Sequential control structure. Selection control structure. Iteration control structure.