在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';