JS导入导出

在 JavaScript 中，使用不同的语法来导入和导出模块是 ES6 模块系统的一部分。下面介绍了几种常见的导入和导出方法：

导出（Export）：

1. 命名导出（Named Exports）:

   使用 export 关键字将特定变量、函数或类导出，然后通过名称导入它们。

   // 导出
   export const name = "Alice";
   export function sayHello() {
   	console.log("Hello!");
   }
   
   // 导入
   import { name, sayHello } from "./moduleA";

2. 默认导出（Default Export）:

   使用 export default 关键字指定一个模块的默认导出，可以在导入时命名。

   // 导出
   const person = {
   	name: "Bob",
   	age: 30,
   };
   export default person;
   
   // 导入
   import myPerson from "./moduleB";

导入（Import）：

1. 命名导入（Named Imports）:

   使用花括号 {} 在导入语句中列出要导入的命名导出。

   import { name, sayHello } from "./moduleA";

2. 默认导入（Default Import）:

   使用任何名称导入默认导出，而不需要花括号。

   import myPerson from "./moduleB";

3. 整体导入（Namespace Imports）:

   使用 * as 关键字从模块中导入所有命名导出，并将它们作为对象的属性。

   import * as utilities from "./utilities";

这些导入和导出方法提供了灵活的模块化开发方式，使得 JavaScript 中的代码可以更好地组织和复用。根据具体的需求，开发者可以选择适合的导入导出方法进行模块间的交互。