模块化
说明:模块化是指将一个很大的程序文件,拆分为许多个小的文件,然后将多个小文件组合起来
-
模块化的好处: ① 阻止命名冲突; ② 代码复用; ③ 高维护性
-
ES6 模块化语法: ① export 命令:用于规定模块的对外接口
② import 命令:用于输入其他模块提供的功能 -
export 暴露方式,3种:
- 默认导入 导出 不能进行解构
- import 接收名称 from '模块路径' 默认导入语法
- export default 默认导出语法
export default { name: '张三', age: 18 }
import obj from'./02-es6模块化-功能模块.js'
console.log(obj)
- 需求导入导出 必须解构
exportvar num=123
exportlet str=456
exportconst fn=function () {
console.log('我是函数fn');
}
import { num, str, fn as f1 } from'./02-es6模块化-功能模块.js'
console.log(num)
console.log(str)
f1()
- 直接导入模块
for (vari=1; i<=3; i++) {
console.log(i);
}
import'./02-es6模块化-功能模块'
- ES6 的模块化 使用注意
确保安装了 v13.0.0 或更高版本的 node.js
在 package.json 的根节点中添加 "type": "module" 节点