admin 管理员组

文章数量: 887021


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 -


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