JavaScript中的export default, export const, async, await关键字详解

在JavaScript中，模块化是一种常见的编程模式，用于将代码拆分成独立的部分，以便于管理和复用。export default、export const和export都是与模块化相关的关键字，而async和await则是与异步编程相关的关键字。下面我们将逐一介绍这些关键字的作用和用法。

1. export default
   export default用于导出模块的默认导出对象。当其他模块导入该模块时，可以使用任意名称来接收该对象。这意味着在导入时不需要指定具体的导出名称，只需要使用默认导入即可。
   例如：
   // 模块A.js
   export default function add(a, b) { return a + b; }
   // 模块B.js
   import add from ‘./A’;
   console.log(add(1, 2)); // 输出3
2. export const
   export const用于导出常量。当其他模块导入该常量时，可以使用任意名称来接收它。常量的值在定义后不能被修改，因此它是一个只读的导出对象。
   例如：
   // 模块A.js
   export const PI = 3.14159;
   // 模块B.js
   import { PI } from ‘./A’;
   console.log(PI); // 输出3.14159
3. async和await
   async和await是JavaScript中用于处理异步操作的关键字。异步编程是现代JavaScript中常见的编程模式，尤其是在处理网络请求、定时器和事件监听等场景中。通过使用async和await，可以将异步代码写成像同步代码一样，使代码更加简洁易懂。
   async关键字用于声明一个异步函数。异步函数在执行过程中可以包含await表达式，用于等待Promise解析完成或拒绝。await关键字只能在async函数内部使用，用于等待Promise的解析结果。当await一个Promise时，异步函数会暂停执行，直到Promise解析完成或拒绝。
   例如：
   // 异步函数示例
   async function fetchData() {
   const response = await fetch(‘https://api.example.com/data‘); // 等待网络请求完成
   const data = await response.json(); // 等待JSON解析完成
   return data;
   }
   // 使用示例
   fetchData().then(data => console.log(data)); // 输出从API获取的数据
   总结：
   export default、export const、async和await是JavaScript中常用的关键字，它们分别用于模块化、常量导出、异步编程等方面。通过掌握这些关键字的作用和用法，可以帮助我们编写更加高效、可维护的代码。