es6中export和as的用法是什么

前言

ES6 (也称为ECMAScript 2015)是JavaScript的一个版本，引入了许多新特性和语法糖，以提高开发人员的生产力和代码可读性。其中，export和as是两个重要的关键字，用于在模块中导出和重命名变量、函数、类等，下面将详细介绍它们的用法。

export关键字

export关键字用于从模块中导出（暴露）变量、函数、类等，以便在其他模块中引用和使用。它可以有多种用法：

1. 导出变量：

   export const num = 10;

2. 导出函数：

   export function add(a, b) {
       return a + b;
   }

3. 导出类：

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

4. 导出默认（单个）变量、函数、类：

   export default function sayHello() {
       console.log("Hello!");
   }

通过export导出的变量或函数，可以在其他模块中通过import关键字引入。

as关键字

as关键字用于在导入或导出模块中的成员时，对成员进行重命名。它可以有两种用法：

1. 导入时重命名：

   import { num as number } from "./module";
   console.log(number); // 输出：10

2. 导出时重命名：

   export { num as number } from "./module";

使用as关键字重命名后，原始的成员名称将不再可用，只能使用重命名后的名称。

总结

export关键字用于导出变量、函数、类等，使其可以在其他模块中引用和使用。而as关键字用于在导入或导出时对成员进行重命名。这两个关键字在ES6中被广泛应用，使得模块化开发更加便捷和灵活。