📅  最后修改于: 2023-12-03 15:09:30.472000             🧑  作者: Mango
在 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 };
在上面的代码中,我们将 MyClass1
和 MyClass2
两个类都导出。在其他文件中可以通过解构语法来使用它们:
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
可以方便地导出类、函数和常量,让变量和方法可以被其他模块引用。同时,也可以提高代码的可读性和维护性,尤其是在大型项目中。