export 和import关键字

在 JavaScript 中，export 关键字用于将代码从一个模块导出到另一个模块使用。它允许您将代码组织成更小的、可重用的模块，并使代码更容易维护和理解。

只有加了 export 关键字的代码才会被导出到其他模块使用。如果没有使用 export 关键字，则该代码只能在当前模块内部使用，其他模块无法访问。

导出模块

有三种主要方式来导出模块：

1. 默认导出：使用 export default 导出单个值，例如函数、类、对象或变量。

   // myModule.js
   function add(a, b) {
     return a + b;
   }
   
   export default add; 
   

2. 命名导出：使用 export 关键字导出多个值，每个值都有一个名称。

   // myModule.js
   function add(a, b) {
     return a + b;
   }
   
   function subtract(a, b) {
     return a - b;
   }
   
   export { add, subtract };
   

3. 混合导出：结合使用 export default 和 export 关键字，导出默认值和命名值。

    

   // myModule.js
   function add(a, b) {
     return a + b;
   }
   
   function subtract(a, b) {
     return a - b;
   }
   
   export { subtract }; // 命名导出
   export default add; // 默认导出
   

导入模块

在另一个模块中，您可以使用 import 关键字导入已导出的模块。

1. 导入默认导出：使用 import 关键字和一个变量名来导入默认导出。

   // myApp.js
   import add from './myModule';
   
   console.log(add(2, 3)); // 输出 5
   

2. 导入命名导出：使用 import 关键字和花括号来导入命名导出。

   // myApp.js
   import { add, subtract } from './myModule';
   
   console.log(add(2, 3)); // 输出 5
   console.log(subtract(5, 2)); // 输出 3
   

3. 导入所有导出：使用 import * as 语法来导入所有导出。

   // myApp.js
   import * as myModule from './myModule';
   
   console.log(myModule.add(2, 3)); // 输出 5
   console.log(myModule.subtract(5, 2)); // 输出 3
   

总结

export 和 import 关键字是 JavaScript 模块系统的核心，它们允许您将代码组织成更小的、可重用的模块，并使代码更容易维护和理解。

求个点赞！！！