Hướng dẫn what are the control structures in javascript? - cấu trúc điều khiển trong javascript là gì?


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

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]

Câu lệnh IF là đơn giản - nếu biểu thức đã cho là đúng, câu lệnh hoặc câu lệnh sẽ được thực thi. Nếu không, họ bị bỏ qua.

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

Câu lệnh IF cũng có thể bao gồm nhiều phần, kết hợp khác và các phần khác. Các từ khóa này là một phần của câu lệnh IF và xác định các khối mã được thực thi, nếu điều kiện trước đó là sai.

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]

Câu lệnh trong khi thực hiện một câu lệnh nhất định miễn là một biểu thức nhất định là đúng. Ví dụ: khối mã bên dưới sẽ tăng biến C lên 10:

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

Vòng điều khiển này cũng nhận ra các từ khóa Break và tiếp tục. Từ khóa phá vỡ gây ra sự chấm dứt ngay lập tức của vòng lặp, cho phép vòng lặp chấm dứt từ bất cứ nơi nào trong khối trong khi.

Từ khóa tiếp tục hoàn thành lần lặp hiện tại của khối hoặc câu lệnh và kiểm tra điều kiện để xem, nếu đó là sự thật. Nếu đó là sự thật, vòng lặp lại bắt đầu.

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

Câu lệnh DO WHER trong khi thực thi một câu lệnh nhất định miễn là biểu thức đã cho là đúng - tuy nhiên, không giống như câu lệnh trong khi, cấu trúc điều khiển này sẽ luôn thực thi câu lệnh hoặc khối ít nhất một lần. Ví dụ: khối mã bên dưới sẽ tăng biến C lên 10:

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

Như trong khi, phá vỡ và tiếp tục đều được công nhận và hoạt động theo cùng một cách. Nói cách khác, Break thoát khỏi vòng lặp và tiếp tục kiểm tra điều kiện trước khi cố gắng khởi động lại vòng lặp.

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

Tuyên bố cho phép kiểm soát nhiều hơn đối với điều kiện lặp. Mặc dù nó có một tuyên bố có điều kiện, nó cũng cho phép một câu lệnh trước vòng và tăng sau vòng lặp mà không ảnh hưởng đến điều kiện. Biểu thức ban đầu được thực thi một lần và điều kiện luôn được kiểm tra ở đầu mỗi vòng lặp. Ở cuối vòng lặp, câu lệnh tăng thực hiện trước khi điều kiện được kiểm tra một lần nữa. Cú pháp là:

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

Tuyên bố cho câu nói thường được sử dụng cho các bộ đếm số nguyên:

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

Mặc dù câu lệnh tăng thường được sử dụng để tăng một biến lên một lần lặp mỗi vòng lặp, nhưng nó có thể chứa bất kỳ câu lệnh nào, chẳng hạn như một câu giảm.

Phá vỡ và tiếp tục đều được công nhận. Câu lệnh tiếp tục vẫn sẽ thực thi câu lệnh tăng lên trước khi điều kiện được kiểm tra.

Phiên bản thứ hai của vòng lặp này là cho .. trong tuyên bố có hình thức sau:

for (element in object) {
  // …
}

Thứ tự của các yếu tố đối tượng được truy cập bởi phiên bản này là tùy ý. Ví dụ, cấu trúc này có thể được sử dụng để lặp qua tất cả các thuộc tính của một thể hiện đối tượng. Nó không nên được sử dụng khi đối tượng thuộc loại mảng

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

Câu lệnh chuyển đổi đánh giá một biểu thức và xác định điều khiển dòng chảy dựa trên kết quả của biểu thức:

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

Khi

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 được đánh giá, giá trị của nó được kiểm tra so với từng nhãn trường hợp. Các nhãn trường hợp này xuất hiện trong câu lệnh Switch và, nếu giá trị cho trường hợp khớp với
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, tiếp tục thực hiện tại thời điểm đó. Nếu không có nhãn trường hợp nào khớp, thực thi sẽ tiếp tục ở nhãn mặc định (hoặc bỏ qua hoàn toàn câu lệnh switch, nếu không có.)

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:

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

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:

with (expression) {
  // statement
}

Ư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]

var area;
var r = 10;

with (Math) {
  a = PI*r*r;       // == a = Math.PI*r*r
  x = r*cos(PI);    // == a = r*Math.cos(Math.PI);
  y = r*sin(PI/2);  // == a = r*Math.sin(Math.PI/2);
}

  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.

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.

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.

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.