JavaScript 模块化：ES6 Module 的导入导出规范-js教程-PHP中文网

JavaScript 模块化：ES6 Module 的导入导出规范

夜晨

发布： 2025-11-04 20:00:02

原创

266人浏览过

ES6 Module通过import和export实现静态模块化，支持命名导出（可多个）和默认导出（仅一个），提升代码可维护性；命名导出用export关键字，导入时需对应名称或重命名，也可整体导入为命名空间；默认导出使用export default，导入时可自定义名称；混合导入支持同时引入默认和命名成员；模块语句必须位于顶层，现代浏览器和Node.js已原生支持。

javascript 模块化：es6 module 的导入导出规范

ES6 Module 是 JavaScript 官方标准的模块化方案，解决了早期脚本依赖混乱、命名冲突等问题。它通过 import 和 export 语法实现静态模块管理，支持在编译时确定依赖关系，提升代码可维护性和性能。

基本导出（export）

使用 export 关键字可以将变量、函数或类暴露给其他模块使用。支持两种导出方式：命名导出和默认导出。

• 命名导出允许一个模块导出多个值：

export const name = 'Alice';<br>
export function greet() {<br>
  return `Hello, ${name}!`;<br>
}

登录后复制

• 也可以在末尾统一导出：

const age = 25;<br>
function sayHi() {<br>
  console.log('Hi');<br>
}<br>
export { age, sayHi };

登录后复制

默认导出（export default）

每个模块最多只能有一个 default 导出，通常用于导出模块的主要功能，如一个组件或类。

• 默认导出可以是值、函数、类等：

export default function() {<br>
  return 'This is the main function';<br>
}

登录后复制

• 或导出一个类：

class Person {<br>
  constructor(name) {<br>
    this.name = name;<br>
  }<br>
}<br>
export default Person;

登录后复制

导入模块（import）

使用 import 可以从其他模块加载导出的内容。导入方式需与导出方式对应。

立即学习“Java免费学习笔记（深入）”；

• 导入命名导出：

import { name, greet } from './module.js';

• 导入并重命名：

import { name as userName } from './module.js';

v1.0.0智睿中小学生学籍信息管理系统

学籍信息系统是学校和教育行政机关互联重要的日常工作，也是基本教育管理制度。随着信息技术的发展，基础教育改革和发展也提出了学籍管理信息化的要求。建立信息化的学籍信息管理系统，是提高教育管理水平的基础性工作，是加强和规范中小学学籍管理的有效途径，是各级政府教育督导的一项重要工作内容，本系统基于学籍系统标准库为蓝本开发，协助学校新学期录取新生补建注册学籍，更新完善学生基础状态等，统一采集学生基本信息模块

671

查看详情

• 同时导入多个并整体接收：

import * as utils from './module.js';<br>// 使用：utils.name, utils.greet()

登录后复制

导入默认导出

默认导出可以用任意名字导入，不需要花括号。

• 导入默认值：

import myFunc from './module.js';<br>myFunc();

登录后复制

• 混合导入（默认 + 命名）：

import myDefault, { name, age } from './module.js';

ES6 模块是静态的，意味着导入导出语句必须位于模块顶层，不能动态写在条件语句中。现代浏览器和 Node.js 都已原生支持 ES6 Module（需设置 type="module"）。基本上就这些，不复杂但容易忽略细节。

以上就是JavaScript 模块化：ES6 Module 的导入导出规范的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

JavaScript中无数据库实现URL参数短链的策略与实践 JavaScript中将JSON对象数组转置为键值数组映射的实用指南 Node.js环境中HTML按钮调用JavaScript函数的正确实践如何使用 reduceRight 从点分隔字符串构建嵌套 JSON 结构正确区分Node.js服务端与浏览器客户端JavaScript执行环境