【JavaScript】export 导出

export 是 JavaScript 中的一个关键字，用于将变量、函数、类或模块等内容导出，使其在其他文件或模块中可被引用和使用。

通过使用 export，可以将代码中的某些部分公开为模块的公共接口，从而使其他模块能够访问和使用这些被导出的内容。

export 可以与其他关键字一起使用，具体有以下几种用法：

1. 导出变量或常量：

   export const name = 'John';
   export let age = 25;
   export const PI = 3.14;
   

2. 导出函数：

   export function greet(name) {
     console.log(`Hello, ${name}!`);
   }
   

3. 导出类：

   export class Person {
     constructor(name) {
       this.name = name;
     }
   
     sayHello() {
       console.log(`Hello, my name is ${this.name}.`);
     }
   }
   

4. 导出默认内容：

   export default function() {
     console.log('This is the default function.');
   }
   

   默认导出和导出的区别：

   1. export：使用export关键字，可以导出多个变量、函数或对象。例如：

   // module.js
   export const name = 'John';
   export function sayHello() {
     console.log('Hello!');
   }
   
   // app.js
   import { name, sayHello } from './module.js';
   console.log(name); // 'John'
   sayHello(); // 'Hello!'
   

   使用export关键字需要通过解构赋值语法来导入模块中的具体变量或函数。

   2. export default：使用export default关键字，只能默认导出一个变量、函数或对象。例如：

   // module.js
   const name = 'John';
   export default name;
   
   // app.js
   import name from './module.js';
   console.log(name); // 'John'
   

   使用export default关键字导出的变量，可以直接通过名称来导入，无需使用解构赋值语法，因为它是默认导出。

   总结一下，export用于导出多个变量，而export default用于导出一个默认的变量。在导入时，对于export，需要使用解构赋值语法来获取具体的变量，而对于export default，可以直接使用导出的变量名称。

除了以上示例，还可以使用 export 导出模块中的其他内容，如对象、数组、另一个模块等。

导出的内容可以在其他文件中使用 import 关键字进行导入，以便访问和使用导出的内容。例如：

import { name, greet } from './module';
import Person from './module';

总之，export 关键字用于将代码的某些部分导出为模块的公共接口，以便其他模块可以访问和使用这些导出的内容。