JS关键字export default,export const,async,await
解释:
export default
: 用于默认导出模块中的单个实例(一个值、对象、函数等)。一个模块只能有一个默认导出。export const
: 用于导出多个实例,这里导出的是常量。async
: 用于声明异步函数,异步函数返回一个Promise对象。await
: 用于等待一个Promise对象解析完成,并获取其返回值。
实例代码:
// mathUtils.js
export default function add(a, b) {
return a + b;
}
export const subtract = (a, b) => a - b;
// 使用async/await的异步操作
export async function calculate(a, b) {
// 假设这是一个异步操作,比如网络请求
const result = await delayedAdd(a, b);
return result;
}
// 一个返回Promise的异步函数
async function delayedAdd(a, b) {
return new Promise((resolve) => {
setTimeout(() => resolve(a + b), 1000);
});
}
// main.js
import add, { subtract, calculate } from './mathUtils.js';
async function start() {
const sum = await add(1, 2);
const difference = subtract(5, 3);
const calculatedSum = await calculate(3, 4);
console.log('Sum:', sum);
console.log('Difference:', difference);
console.log('Calculated Sum:', calculatedSum);
}
start();
在这个例子中,mathUtils.js
文件中定义了一个默认导出的 add
函数和一个导出常量 subtract
函数,以及使用 async
和 await
的 calculate
函数。main.js
文件中,我们导入了 mathUtils.js
文件中的所有导出项,并在 start
函数中调用了它们。start
函数是一个异步函数,用来启动和运行其他异步操作。
评论已关闭