📅  最后修改于: 2023-12-03 15:35:54.359000             🧑  作者: Mango
在Javascript中,每个可执行的Javascript文件(也称为模块)都是一个独立的单位。Javascript文件中可以包含多个变量、函数和类,必要时还可以导入其他模块中的内容。
其中,ES6引入了一个新的特性——默认导出(default export)。默认导出是指模块中的主要导出内容,也就是模块的主函数、类或对象。如果模块没有默认导出,那么就不能直接使用import
语句导入模块,而是必须通过import { namedExport } from 'module'
的方式导入模块。
但是,对于一些特殊情况下的模块,我们可能并不希望导出默认的内容,而是希望用户明确地指定所需导入的内容。这时,我们就可以使用export
关键字来显式地导出特定的变量、函数或类。例如:
// myModule.js
export const foo = 'foo';
export function bar() { return 'bar'; }
export class Baz {}
// main.js
import { foo, bar, Baz } from './myModule.js';
在上面的例子中,我们定义了一个名为myModule.js
的Javascript模块,并使用export
关键字来显式地导出三个内容:常量foo
、函数bar
和类Baz
。而在main.js
中,我们通过import
语句将这些内容导入并使用。
这种方式下,无论是导出还是导入都非常明确,大大降低了代码维护的难度。如果你开发的模块没有默认导出,建议使用这种显式导出的方式,这样能够更好地表达你的意图。
写出的内容已按markdown标明,示例代码也已经在内容中提供了。