JavaScript高级概念

### 7.1 异步编程

异步编程是JavaScript中处理非阻塞操作的一种方式，这对于提高应用程序性能和用户体验至关重要。

#### 回调（Callbacks）
回调是异步编程最基础的形式，它允许你将一个函数作为参数传递给另一个函数，以便在某个操作完成时执行。

```javascript
function fetchData(callback) {
  // 假设这是一个异步操作，比如从服务器获取数据
  setTimeout(() => {
    callback('数据已获取');
  }, 1000);
}

fetchData((data) => {
  console.log(data); // 输出: 数据已获取
});
```

#### Promise
Promise是异步编程的一个抽象，它代表了一个最终可能成功或失败的操作。Promise有三种状态：pending（等待中）、fulfilled（已成功）和rejected（已失败）。

```javascript
const fetchData = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('数据已获取');
  }, 1000);
});

fetchData.then((data) => {
  console.log(data); // 输出: 数据已获取
}).catch((error) => {
  console.error(error);
});
```

#### async/await
`async`和`await`是ES2017引入的基于Promise的更简洁的异步处理方式。`async`关键字用于声明一个函数是异步的，而`await`用于等待一个Promise解决。

```javascript
async function fetchData() {
  const data = await new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('数据已获取');
    }, 1000);
  });
  console.log(data); // 输出: 数据已获取
}

fetchData();
```

### 7.2 模块化

模块化是将代码组织成独立、可重用模块的技术，它有助于代码的维护和复用。

#### ES6模块
ES6模块是JavaScript的官方模块系统，它使用`import`和`export`关键字来导入和导出模块。

```javascript
// mathUtils.js
export function add(x, y) {
  return x + y;
}

// app.js
import { add } from './mathUtils.js';
console.log(add(1, 2)); // 输出: 3
```

#### CommonJS
CommonJS是Node.js中使用的模块系统，它使用`require`和`module.exports`来导入和导出模块。

```javascript
// mathUtils.js
function add(x, y) {
  return x + y;
}

module.exports = { add };

// app.js
const { add } = require('./mathUtils.js');
console.log(add(1, 2)); // 输出: 3
```

#### AMD（Asynchronous Module Definition）
AMD是一种JavaScript模块定义规范，它允许异步加载模块。它通过`define`和`require`函数来定义和加载模块。

```javascript
// mathUtils.js
define(['exports'], function(exports) {
  function add(x, y) {
    return x + y;
  }
  exports.add = add;
});

// app.js
require(['mathUtils'], function(mathUtils) {
  console.log(mathUtils.add(1, 2)); // 输出: 3
});
```

异步编程和模块化是现代JavaScript开发中的两个高级概念，它们对于构建大型、可维护的应用程序至关重要。希望这些信息能帮助你更好地理解和使用这些概念。如果你有任何问题或需要进一步的解释，请随时提问。