js export使用

在JavaScript中，export关键字用于将变量、方法或类导出为模块的公共接口，以便其他模块可以使用它们。有几种使用export的方式：

1. 使用export关键字导出单个变量、方法或类：

   export let a = 1;
   export function test() {
     console.log("I am test");
   }
   export class User {
     say() {
       console.log("I can say");
     }
   }

2. 使用export default关键字导出一个默认的对象，可以包含多个成员：

   let a = 1;
   function say() {
     console.log("this is");
   }
   class user {
     say() {
       console.log("I can say");
     }
   }
   export default {
     a,
     say,
     user,
   };

3. 使用import关键字按需导入已导出的变量、方法或类：

   import { a, test } from "./chapter5-4-1.js";
   console.log(a, test); // 1 ƒ test() { console.log("I am test"); }

4. 使用import * as关键字将所有导出的成员组合成一个对象：

   import * as test from "./chapter5-4-1.js";
   console.log(test.User); // class User {say() {console.log("I can say");}}

需要注意的是，export default只能有一个，而export可以有多个。使用export default导出的成员在导入时不需要使用大括号嵌套，而使用export导出的成员需要使用大括号嵌套。
#### 引用[.reference_title]
- *1* [js中导出export和导入import的简单使用](https://blog.csdn.net/a1498665771/article/details/128983642)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [Js 中export 和import的使用](https://blog.csdn.net/chf1142152101/article/details/107099723)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]