ES6模块化方案导入导出模块方法

导出方法

1.使用export关键字导出模块

单一导出：通过export关键字，可以将一个变量、函数或类从模块中导出，以便在其他程序中通过import语句使用它。例如，导出一个函数：

export function sayHello(name) {
    return `Hello, ${name}!`;
}

导出多个成员：可以在一个模块中导出多个变量、函数或类。例如：

export const a = 1;
export function sayGoodbye(name) {
    return `Goodbye, ${name}!`;
}

2. 使用export default默认导出

默认导出：每个模块可以有一个默认导出，它被import语句导入时不必加花括号。默认导出通常用于导出一个类、函数或原始值。例如，导出一个对象：

const myModule = {
    sayHello: function(name) {
        return `Hello, ${name}!`;
    },
    sayGoodbye: function(name) {
        return `Goodbye, ${name}!`;
    }
};
export default myModule;

限制：每个模块只能有一个默认导出，且在导入时可以为其自定义名称。例如：

import myModuleAlias from './myModule.js';

3.使用export * as组合导出

命名空间导出：通过export * as语句，可以将多个导出组合在一起，以单个对象的形式导出。这称为命名空间导出，它可以防止命名冲突。例如：

export * as myModule from './module.js';

别名：在导入时，可以为整个命名空间设置一个别名。例如

import * as myModuleAlias from './myModule.js';

导入模块

1.使用import关键字导入模块

基本导入：通过import语句，可以导入其他模块中导出的变量、函数或类。例如，导入一个函数：

import { sayHello } from './greetings.js';

解构导入：如果一个模块导出了多个成员，可以使用解构赋值的方式导入它们。例如：

import { sayHello, sayGoodbye } from './greetings.js';

2.使用import导入默认模块

默认导入：当模块有默认导出时，可以通过import语句导入默认成员，并为其指定一个变量名。例如：

import myModule from './myModule.js';

与非默认导入结合：可以在一条import语句中同时导入默认成员和非默认成员。例如：

import myModule, { sayHello } from './myModule.js';

3.使用as关键字为导入模块设置别名

别名设置：在导入模块时，可以使用as关键字为导入的成员设置别名，以避免命名冲突或提高代码可读性。例如：

import { sayHello as greet } from './greetings.js';

默认导入别名：对于默认导入，也可以使用as关键字设置别名。例如：

import myModuleAlias from './myModule.js';