JS 导出为名称 - JavaScript

在 JavaScript 中，我们可以使用 export 关键字将模块中的变量、函数或类公开给其他模块。在导出时，我们可以指定导出的名称，这些名称将作为该模块的公共 API。

导出变量

我们可以使用 export 关键字将变量导出。例如，以下是导出一个简单的字符串变量的示例：

// in myModule.js
export const myString = 'Hello World!';

在另一个 JavaScript 文件中，我们可以导入这个变量并使用它：

// in anotherModule.js
import { myString } from './myModule.js';
console.log(myString); // 输出：Hello World!

导出函数

函数也可以像变量一样导出。以下是导出一个简单函数的示例：

// in myModule.js
export function sayHello() {
  console.log('Hello World!');
}

在另一个 JavaScript 文件中，我们可以导入这个函数并使用它：

// in anotherModule.js
import { sayHello } from './myModule.js';
sayHello(); // 输出：Hello World!

导出类

同样，我们也可以在 JavaScript 中导出类。以下是导出一个简单类的示例：

// in myModule.js
export class MyClass {
  constructor(name) {
    this.name = name;
  }

  sayName() {
    console.log(`My name is ${this.name}.`);
  }
}

在另一个 JavaScript 文件中，我们可以导入这个类并使用它：

// in anotherModule.js
import { MyClass } from './myModule.js';
const myObj = new MyClass('Alice');
myObj.sayName(); // 输出：My name is Alice.

导出默认内容

如果希望导出模块的默认内容，我们可以使用 export default 语法。以下是导出一个字符串常量作为默认值的示例：

// in myModule.js
export default 'Hello World!';

在另一个 JavaScript 文件中，我们可以导入该默认值：

// in anotherModule.js
import myString from './myModule.js';
console.log(myString); // 输出：Hello World!

在一个模块中，同时只能有一个默认导出。我们还可以使用 export { ... } 语法导出其他名称并将它们作为模块的公共 API。

以上就是 JavaScript 中导出模块的几种方法。我们可以根据需要灵活选择适合自己项目的导出方式。