Promise
Promise 是 JavaScript 中用于异步编程的 API。它提供了一种更简单、更优雅的方式来处理异步操作。
Promise 的基本使用
- 创建一个 Promise 对象
- 使用
then()
方法添加成功和失败回调函数 - 使用
resolve()
方法成功解决 Promise - 使用
reject()
方法拒绝 Promise
示例
JavaScript
const promise = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('成功');
}, 1000);
});
promise.then((result) => {
console.log(result); // '成功'
});
async 和 await
async 和 await 是 JavaScript 中用于异步编程的关键字。它们可以让你以更同步的方式编写异步代码。
async 函数
async 函数是一个返回 Promise 的函数。它可以让你使用 await
关键字来等待异步操作的结果。
await 关键字
await 关键字可以让你在一个 async 函数中等待另一个异步操作的结果。
示例
JavaScript
async function getData() {
const response = await fetch('https://example.com/data.json');
const data = await response.json();
return data;
}
const data = await getData();
console.log(data);
ES6 模块化编程
ES6 模块化编程是一种将 JavaScript 代码组织成模块的方式。它可以提高代码的可维护性和可重用性。
ES6 模块的语法
- 使用
export
关键字导出模块成员 - 使用
import
关键字导入模块成员
示例
JavaScript
// 模块 A
export function add(a, b) {
return a + b;
}
// 模块 B
import { add } from './moduleA';
const result = add(1, 2);
console.log(result); // 3
总结
Promise、async 和 await 是 JavaScript 中用于异步编程的新特性。它们可以让你以更简单、更优雅的方式编写异步代码。ES6 模块化编程是一种将 JavaScript 代码组织成模块的方式。它可以提高代码的可维护性和可重用性。