admin 管理员组

文章数量: 1086019


2024年1月5日发(作者：sterling中文)

export 语法

export语法是JavaScript中用于导出模块的关键字。在模块化开发中，我们通常需要将一个模块中的某个变量、函数或类导出，使其可以在其他模块中使用。

export 可以直接在声明时使用，也可以在声明后再使用。例如：

// 直接在声明时导出

export const name = 'John';

// 声明后再导出

const age = 25;

export { age };

export 还支持默认导出，即一个模块只能有一个默认导出，可以通过 import xxx from 'xxx' 的方式直接引用。例如：

// 默认导出一个函数

export default function() {

('Hello, world!');

}

// 导出一个类，并设置为默认导出

export default class Person {

constructor(name) {

= name;

}

sayHello() {

- 1 -

(`Hello, my name is ${}.`);

}

}

除了默认导出，还可以使用命名导出，即使用 export { xxx } 的方式导出。在导入时需要使用 import { xxx } from 'xxx' 的方式引用。例如：

// 命名导出多个变量

export const name = 'John';

export const age = 25;

// 命名导出一个函数

export function sayHello(name) {

(`Hello, ${name}!`);

}

// 命名导出一个类

export class Person {

constructor(name) {

= name;

}

sayHello() {

(`Hello, my name is ${}.`);

}

}

- 2 -

以上就是 export 语法的使用方式及注意事项。在模块化开发中，合理使用 export 可以大大提高代码的可维护性和复用性。

- 3 -


本文标签： 导出 使用 默认 方式 模块

版权声明：本文标题：export 语法 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1704462727a460787.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。