JavaScript模块通过export/import实现代码封装与复用,具独立作用域、严格模式、单次执行等特性;支持命名导出、默认导出及对应导入方式,需模块环境运行。

JavaScript模块是一套组织代码的方式,让变量、函数、类等只在需要的地方暴露,避免全局污染和命名冲突。ES6(ECMAScript 2015)正式引入 export 和 import 语法,成为现代前端开发的标准模块机制。
模块的基本特点
每个模块拥有独立的作用域,顶层声明的变量不会自动挂到全局;模块默认是严格模式;模块代码只执行一次,多次导入也只初始化一次(有缓存)。
如何用 export 暴露内容
一个模块可以导出多个东西,方式有两种:
-
命名导出(named export):用
export关键字修饰声明,可导出多个,名字必须与定义一致。
✅ 正确示例:export const PI = 3.14;<br>export function add(a, b) { return a + b; }<br>export class Calculator { ... }登录后复制
-
默认导出(default export):每个模块最多一个,导入时可自定义名称,更灵活。
✅ 正确示例:export default function greet(name) { return `Hello, ${name}`; }
如何用 import 导入内容
导入方式需与导出方式匹配:
标签: javascript es6 java js 前端 node.js json node 前端开发 ai 作用域
还木有评论哦,快来抢沙发吧~