📜  导出类 - Javascript (1)

📅  最后修改于: 2023-12-03 15:09:30.472000             🧑  作者: Mango

导出类 - JavaScript

在 JavaScript 中,我们可以使用 export 将一个类或者函数导出,同时让其他文件可以引入该模块中的导出内容。这也被成为模块化编程。

导出默认类

如果是要导出单个默认类,要使用 default 关键字来标识,且每个模块只能导出一个默认类。

export default class MyClass {
    constructor() {
        // Class constructor logic
    }

    method1() {
        // Method 1 logic
    }

    method2() {
        // Method 2 logic
    }
}

在上面的代码中,我们将一个 MyClass 类导出为默认类。这样在其他文件中就可以通过 import 语句来引入该类。

导出类

如果要导出多个类,则不能使用 default 关键字。可以使用以下语法:

class MyClass1 {
    // MyClass1 logic
}

class MyClass2 {
    // MyClass2 logic
}

export { MyClass1, MyClass2 };

在上面的代码中,我们将 MyClass1MyClass2 两个类都导出。在其他文件中可以通过解构语法来使用它们:

import { MyClass1, MyClass2 } from './myClasses.js';

const obj1 = new MyClass1();
const obj2 = new MyClass2();
导出函数

除了导出类,我们还可以将一个或者多个函数导出。语法如下:

function myFunction() {
    // Function logic
}
export { myFunction };

在其他文件中使用导出的函数的方式与使用导出的类是相同的。

导出常量

导出常量也很常见,常常用来共享一些常量定义:

export const PI = 3.1415926;
export const MAX_NUM = 10000;

在其他文件中可以直接使用这些常量,无需定义。

总结

使用 export 可以方便地导出类、函数和常量,让变量和方法可以被其他模块引用。同时,也可以提高代码的可读性和维护性,尤其是在大型项目中。