JavaScript 基础知识：代码结构

JavaScript 代码结构是指如何组织和编写 JavaScript 代码的基本规则和模式。以下是 JavaScript 代码结构的主要组成部分：

1. 语句 (Statements)

JavaScript 程序由一系列语句组成，每条语句以分号 ; 结束（分号在现代 JavaScript 中是可选的，但建议保留）。

let x = 5;  // 声明语句
console.log(x);  // 表达式语句

2. 代码块 (Code Blocks)

用花括号 {} 将多条语句组合在一起形成代码块：

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

代码块常用于控制结构（如 if、for、while 等）和函数中。

3. 注释 (Comments)

JavaScript 支持两种注释方式：

// 单行注释

/*
多行注释
可以跨越多行
*/

4. 变量声明 (Variable Declarations)

JavaScript 有三种变量声明方式：

var oldVariable = "var";  // 函数作用域 (ES5)
let mutableVariable = "let";  // 块级作用域，可重新赋值 (ES6)
const constantVariable = "const";  // 块级作用域，不可重新赋值 (ES6)

5. 严格模式 (Strict Mode)

在脚本或函数顶部添加 "use strict" 启用严格模式：

"use strict";

// 严格模式下的代码

6. 基本代码结构示例

// 1. 变量声明
const PI = 3.14159;
let radius = 5;

// 2. 函数定义
function calculateArea(r) {
  return PI * r * r;
}

// 3. 条件语句
if (radius > 0) {
  // 4. 调用函数
  let area = calculateArea(radius);
  console.log(`Area: ${area}`);
} else {
  console.log("Radius must be positive");
}

// 5. 循环结构
for (let i = 0; i < 3; i++) {
  console.log(`Iteration ${i + 1}`);
}

7. 现代 JavaScript 模块结构

现代 JavaScript 通常使用模块化结构：

// 导入模块
import { functionA } from './moduleA.js';

// 导出模块
export function functionB() {
  return "Hello from functionB";
}

// 使用导入的函数
functionA();

8. 异步代码结构

JavaScript 常用的异步处理方式：

// 回调函数
setTimeout(() => {
  console.log("Delayed message");
}, 1000);

// Promise
fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

// Async/Await
async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}

理解这些基本代码结构是掌握 JavaScript 编程的基础。随着学习的深入，你会接触到更复杂的结构和模式。