在JavaScript中,import
?和?export
?是ES6模块系统的关键字,用于实现模块之间的依赖关系和代码复用。以下是使用?import
?和?export
?的几种常见方式:
默认导出(Default Exports):
// 导出
export default function myFunction() {
console.log('This is a default export function');
}
// 导入
import myFunction from './module';
命名导出(Named Exports):
// 导出
export function namedFunction() {
console.log('This is a named export function');
}
// 导入
import { namedFunction } from './module';
导入默认和命名导出:
// 导出
export default function myFunction() {
console.log('This is a default export function');
}
export function namedFunction() {
console.log('This is a named export function');
}
// 导入(需要使用花括号)
import { defaultExport as defaulted, namedFunction } from './module';