Các câu lệnh trong JavaScript

Câu lệnh JavaScript là một khối mã hoàn thành một số hành động hoặc nhiệm vụ. Theo mặc định, trình thông dịch JavaScript thực hiện lần lượt các câu lệnh này theo thứ tự chúng được viết.

Hãy thử tìm hiểu các loại câu lệnh khác nhau trong JS bên dưới

1. Câu nói thể hiện

Các biểu thức có tác dụng phụ được coi là các câu lệnh biểu thức như câu lệnh Gán, Lệnh gọi hàm, toán tử tăng và giảm, ++ và — liên quan đến câu lệnh gán và toán tử xóa.

let greeting = “Hello “ + name; //assignment statement
counter ++; // increment operator which is changing a variable value
delete o.x; // deleting a property of an object O
cx = Math.cos(x);; // function invocation and assign the value to a variable

Một câu lệnh đơn có thể chứa nhiều hơn một câu lệnh phụ được coi là câu lệnh ghép hoặc khối câu lệnh trong JS. Các dòng sau hoạt động như một tuyên bố duy nhất

{ 
 x = Math.PI; 
 cx = Math.cos(x);
 console.log(“cos(π) = “ + cx);
}

3. Tuyên bố có điều kiện

Các câu lệnh làm cho trình thông dịch JS thực thi hoặc bỏ qua các câu lệnh khác tùy thuộc vào giá trị của một biểu thức như câu lệnh if và switch .

3.1 Câu lệnh if
câu lệnh điều khiển cơ bản cho phép JS đưa ra quyết định và thực thi các câu lệnh có điều kiện.

//syntax
If (expression) 
 Statement1
else 
 Statement 2

//example
if (n === 1) { //curly braces are optional in case of single statement
 console.log("You have 1 new message.");
} else {
 console.log(`You have ${n} new messages.`);
}

3.2 Câu lệnh chuyển đổi
Khi giá trị của cùng một biểu thức có thể được sử dụng để đưa ra quyết định giữa hơn 2 lựa chọn cho những trường hợp như vậy, JS cung cấp một câu lệnh chuyển đổi.

//Syntax
switch(expression) {
 case label1: statement1; // if expression value === label1 execute statement1
 case label2: statement2; // if expression value === label2 execute statement2
 … 
 default: default_statement; // optional
}

//Example:
switch(n) {
  case 1:                        
   // Start here if n === 1.(sameness is determined by the === operator)
   // Execute code block #1.
   break;                         // stop here
  case 2:                         
    // Start here if n === 2
    // Execute code block #2.
   break;                         // Stop here
  case 3:                         
    // Start here if n === 3
    // Execute code block #3;
   break;                         // Stop here
  default:                        
    // If no case match the value of n
    // Execute code block #4.
}

4. Câu lệnh vòng lặp

Các câu lệnh thực hiện lặp đi lặp lại các câu lệnh khác, như while và for.

4.1 Vòng lặp While
Trình thông dịch trước tiên đánh giá biểu thức . Nếu giá trị của biểu thức là sai, thì trình thông dịch sẽ bỏ qua câu lệnh đóng vai trò là thân vòng lặp và chuyển sang câu lệnh tiếp theo trong chương trình. Mặt khác, nếu biểu thức là trung thực, trình thông dịch sẽ thực hiện câu lệnh và lặp lại nó.

//Syntax
while (expression) { //curly braces are optional in case of single statement
  //statment or statement block
}

//Example
let count = 0;
while(count < 10) {
 console.log(count);
 count++;
}

//Syntax
do { //curly braces are optional in case of a single statement
 //statement / statement block
} 
while (expression);

//Example
let count = 0;
do {
 console.log(count);
 count++;
}
while (count < 10);

//syntax
for(initialize ; test ; increment) { //curly braces are optional in case of single statement
 //statement / statement block
}
//Example:
for(let count = 0; count < 10; count++) {
 console.log(count);
}

//Syntax with example
let data = [1, 2, 3, 4, 5, 6, 7, 8, 9], sum = 0;
for(let element of data) {
 sum += element;
}

// for of with map
let m = new Map([[1, "one"]]);
for(let [key, value] of m) {
 key    // => 1
 value  // => "one"
}

//syntax
for (variable in object) {
 //statement / statement block
}

//Example:
for(let p in o) { // Assign property names of o to variable p
 console.log(o[p]); // Print the value of each property
}

Các câu lệnh khiến trình thông dịch chuyển sang phần khác của chương trình, như break , return và throw .

5.1 Được gắn nhãn
Bất kỳ câu lệnh nào cũng có thể được gắn nhãn bằng cách đặt trước nó một mã định danh và dấu hai chấm: Bằng cách gắn nhãn cho một câu lệnh, bạn đặt cho nó một cái tên mà bạn có thể sử dụng để tham chiếu đến nó ở nơi khác trong chương trình của mình.

//syntax
identifier: statement

//example
mainloop: while(token !== null) {
 // Code omitted…
 continue mainloop; // Jump to the next iteration of the named loop(mainloop)
 // More code omitted…
}

5.2 Tiếp tục
Khi câu lệnh tiếp tục được thực thi, lần lặp hiện tại của vòng lặp kèm theo sẽ kết thúc và lần lặp tiếp theo bắt đầu.

//example
for(let i = 0; i < data.length; i++) {
 if (!data[i]) continue; // jump to the next iteration of the loop
 total += data[i];
}

//syntax
return expression;

//Example
function square(x) { return x*x; } // A function that has a return statement
square(2) // => 4

// A generator function that yields a range of integers
function* range(from, to) {
  for(let i = from; i <= to; i++) {
    yield i;
  }
}

try/catch/finally
Câu lệnh try/catch/finally là cơ chế xử lý ngoại lệ của JavaScript.

//syntax
try {
 //Normally, this code runs from the top of the block to the bottom
 //without problems. But it can sometimes throw an exception,
 //either directly or with a throw statement.
} catch(e) {
 // The statements in this block are executed if, and only if, the try
 // block throws an exception. These statements can use the local variable
 // e to refer to the Error object or other value that was thrown.
} finally {
 // This block contains statements that are always executed, regardless of
 // what happens in the try block. They are executed whether the try
 // block terminates:
}

//example
try {
  // Ask the user to enter a number
  let n = Number(prompt("Please enter a positive integer", ""));
  // Compute the factorial of the number, assuming the input is valid
  let f = factorial(n);
  // Display the result
  alert(n + "! = " + f);
} catch(e) {     // If the user's input was not valid, we end up here
  alert(e);  // Tell the user what the error is
}

Một số bài đăng tiếp theo này sẽ là một phần của loạt bài thảo luận về các chủ đề cơ bản và nâng cao về JavaScript.

• Toán tử trong Javascript
• Đối tượng trong Javascript

Nếu bạn thích câu chuyện này, vui lòng nhấp vào nút và chia sẻ nó để những người khác cũng có thể tìm thấy nó! Ngoài ra, hãy để lại một bình luận dưới đây.

Groww Engineering xuất bản các giai thoại kỹ thuật, các công nghệ mới nhất và các cách tốt hơn để giải quyết các vấn đề lập trình phổ biến. Bạn có thể đăng ký tại đây để nhận các bản cập nhật mới nhất.

Chúng tôi đang thuê. Xem cơ hội việc làm ở đây .