JavaScript 语句

JavaScript 语句简介

JavaScript 语句是向浏览器发出的命令，告诉浏览器要做什么。JavaScript 程序由一系列语句组成，每条语句通常以分号 ; 结束。

语句类型

1. 声明语句

声明语句用于声明变量或函数：

变量声明

var x; // 使用 var 声明变量
let y; // 使用 let 声明变量
const z = 10; // 使用 const 声明常量

函数声明

function myFunction() {
  console.log("Hello, World!");
}

2. 赋值语句

赋值语句用于给变量赋值：

x = 5;
y = x + 10;
let name = "John";
const PI = 3.14159;

3. 表达式语句

表达式语句是由表达式组成的语句，通常用于计算值或执行操作：

5 + 10; // 算术表达式
x++; // 自增表达式
console.log("Hello"); // 函数调用表达式
document.getElementById("demo").innerHTML = "Hello"; // 赋值表达式

4. 条件语句

条件语句用于根据条件执行不同的代码块：

if 语句

if (condition) {
  // 条件为真时执行的代码
}

if (condition) {
  // 条件为真时执行的代码
} else {
  // 条件为假时执行的代码
}

if (condition1) {
  // 条件1为真时执行的代码
} else if (condition2) {
  // 条件2为真时执行的代码
} else {
  // 所有条件都为假时执行的代码
}

switch 语句

switch (expression) {
  case value1:
    // expression 等于 value1 时执行的代码
    break;
  case value2:
    // expression 等于 value2 时执行的代码
    break;
  default:
  // expression 不等于任何 case 值时执行的代码
}

5. 循环语句

循环语句用于重复执行代码块：

for 循环

for (initialization; condition; increment) {
  // 循环体代码
}

// 示例
for (let i = 0; i < 5; i++) {
  console.log(i);
}

while 循环

while (condition) {
  // 循环体代码
}

// 示例
let i = 0;
while (i < 5) {
  console.log(i);
  i++;
}

do...while 循环

do {
  // 循环体代码
} while (condition);

// 示例
let i = 0;
do {
  console.log(i);
  i++;
} while (i < 5);

for...in 循环

for (variable in object) {
  // 循环体代码
}

// 示例
const person = { name: "John", age: 30, city: "New York" };
for (let key in person) {
  console.log(key + ": " + person[key]);
}

for...of 循环

for (variable of iterable) {
  // 循环体代码
}

// 示例
const fruits = ["apple", "banana", "orange"];
for (let fruit of fruits) {
  console.log(fruit);
}

6. 跳转语句

跳转语句用于控制程序的执行流程：

break 语句

break 语句用于跳出循环或 switch 语句：

// 跳出循环
for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

// 跳出 switch 语句
switch (fruit) {
  case "apple":
    console.log("Apple");
    break;
  case "banana":
    console.log("Banana");
    break;
  default:
    console.log("Other");
}

continue 语句

continue 语句用于跳过当前循环迭代，继续下一次迭代：

for (let i = 0; i < 10; i++) {
  if (i % 2 === 0) {
    continue;
  }
  console.log(i); // 只输出奇数
}

return 语句

return 语句用于从函数中返回值，并结束函数执行：

function add(a, b) {
  return a + b;
}

const result = add(5, 10);
console.log(result); // 输出: 15

throw 语句

throw 语句用于抛出异常：

function divide(a, b) {
  if (b === 0) {
    throw new Error("Division by zero");
  }
  return a / b;
}

try {
  divide(10, 0);
} catch (error) {
  console.error(error.message); // 输出: Division by zero
}

7. 块语句

块语句用于将多条语句组合在一起，形成一个代码块：

{
  let x = 5;
  let y = 10;
  console.log(x + y);
}

// 块语句通常与条件语句或循环语句一起使用
if (condition) {
  // 代码块
  let x = 5;
  console.log(x);
}

8. 空语句

空语句是一个只包含分号的语句，什么也不做：

// 空语句通常用于循环体为空的情况
for (let i = 0; i < 10; i++); // 空循环体

9. 标签语句

标签语句用于给语句添加标签，以便在 break 或 continue 语句中引用：

label: for (let i = 0; i < 5; i++) {
  console.log(i);
  if (i === 2) {
    break label; // 跳出标签为 label 的循环
  }
}

// 示例：嵌套循环中的标签
outer: for (let i = 0; i < 3; i++) {
  inner: for (let j = 0; j < 3; j++) {
    if (i === 1 && j === 1) {
      break outer; // 跳出外层循环
    }
    console.log(i, j);
  }
}

语句的执行顺序

JavaScript 语句通常按照从上到下的顺序执行，但以下情况会改变执行顺序：

1. 条件语句：根据条件执行不同的代码块
2. 循环语句：重复执行代码块
3. 跳转语句：改变程序的执行流程
4. 异步操作：如 setTimeout、Promise 等

语句的最佳实践

1. 使用分号：始终使用分号结束语句，以避免潜在的错误
2. 代码缩进：使用一致的缩进风格，提高代码可读性
3. 代码块：即使只有一条语句，也使用花括号包围代码块
4. 注释：为复杂的语句添加注释，解释代码的功能
5. 语句长度：避免过长的语句，可将长语句分成多行

示例：综合使用不同类型的语句

// 声明语句
let x = 5;
let y = 10;
let sum = 0;

// 函数声明
function calculateSum(a, b) {
  return a + b;
}

// 条件语句
if (x > y) {
  console.log("x is greater than y");
} else if (x < y) {
  console.log("x is less than y");
} else {
  console.log("x is equal to y");
}

// 循环语句
for (let i = 1; i <= 10; i++) {
  if (i % 2 === 0) {
    continue; // 跳过偶数
  }
  sum += i;
  if (sum > 20) {
    break; // 当和大于 20 时跳出循环
  }
}

// 表达式语句
console.log("Sum of odd numbers:", sum);
console.log("Result of calculateSum:", calculateSum(x, y));

// 跳转语句（return）
function isPositive(num) {
  if (num > 0) {
    return true;
  }
  return false;
}

console.log("Is x positive?", isPositive(x));

小结

JavaScript 语句是构成 JavaScript 程序的基本单位，不同类型的语句用于执行不同的操作。掌握各种语句的用法和执行顺序，是编写正确、高效的 JavaScript 代码的基础。