export default的作用

点击全文阅读

export default 是 JavaScript 的一个语法，用于导出模块的默认成员。

在 JavaScript 中，模块是一种封装了特定功能的代码的单元。通过使用 import 和 export 关键字，你可以将模块中的代码导出到其他文件中使用。

例如，假设你有一个名为 myModule.js 的模块，其中包含一个函数和一个变量：

// myModule.jsfunction sayHello() {  console.log('Hello');}const message = 'Hello from myModule';export { sayHello, message };

在另一个文件中，你可以通过使用 import 关键字导入这个模块的成员：

// main.jsimport { sayHello, message } from './myModule';sayHello(); // "Hello"console.log(message); // "Hello from myModule"

export default 关键字用于导出模块的默认成员。默认成员是在导入模块时不需要使用解构赋值语法的成员。

例如，你可以将 sayHello 函数设为默认成员，并使用 export default 导出：

// myModule.jsfunction sayHello() {  console.log('Hello');}export default sayHello;

在另一个文件中，你可以使用任意的名称导入这个函数：

// main.jsimport greet from './myModule';greet(); // "Hello"

在模块中，你可以同时使用 export 和 export default 导出多个成员。但是，每个模块只能有一个默认成员。

点击全文阅读