JavaScript 中模块化变量怎么导出与导入-js教程-PHP中文网

javascript模块化依赖export/import语法，需在type="module"环境中运行；命名导出适合多个变量，用花括号按名导入；默认导出仅一个，可自定义导入名；支持混合导出；导出为实时绑定，须带.js后缀且import不可嵌套。

javascript 中模块化变量怎么导出与导入

JavaScript 中模块化变量的导出与导入，核心靠 export 和 import 语法，必须在 type="module" 的脚本环境中使用，不能在普通 script 中直接运行。

命名导出变量（推荐用于多个变量）

适合导出多个具名变量，导入时需用花括号精确匹配名称。

导出方式一：声明时直接加 export

```js
// utils.js
export const API_URL = 'https://api.example.com';
export const MAX_RETRY = 3;
export const IS_DEV = true;
```

导出方式二：统一在文件末尾批量导出（可起别名）

```js
// config.js
const BASE_PATH = '/app';
const TIMEOUT = 5000;

export { BASE_PATH, TIMEOUT };
// 或起别名：
// export { BASE_PATH as ROOT, TIMEOUT as DEFAULT_TIMEOUT };
```

导入方式：按名导入，名称必须一致

```js
// main.js
import { API_URL, MAX_RETRY } from './utils.js';
console.log(API_URL); // https://api.example.com
```

默认导出变量（适合单个主配置）

每个模块只能有一个 export default，导入时可自定义任意名称，无需花括号。

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

导出一个字面量或常量

```js
// env.js
export default {
mode: 'production',
version: '2.4.1'
};
```

导入时自由命名

```js
// app.js
import ENV from './env.js';
console.log(ENV.mode); // production
```

混合导出与导入（兼顾灵活性和清晰性）

一个模块中可同时有命名导出 + 默认导出，适用于既要暴露多个工具变量、又提供一个主对象的场景。

导出示例

```js
// constants.js
export const STATUS_OK = 200;
export const STATUS_ERR = 500;
export default {
name: 'AppConstants',
prefix: 'APP_'
};
```

导入写法：默认导入放前面，命名导入用花括号跟在后面

```js
// index.js
import APP, { STATUS_OK, STATUS_ERR } from './constants.js';
console.log(APP.name); // AppConstants
console.log(STATUS_OK); // 200
```