ES6中的模块化

118 阅读1分钟

模块化

说明:模块化是指将一个很大的程序文件,拆分为许多个小的文件,然后将多个小文件组合起来

  1. 模块化的好处: ① 阻止命名冲突; ② 代码复用; ③ 高维护性

  2. ES6 模块化语法: ① export 命令:用于规定模块的对外接口
    ② import 命令:用于输入其他模块提供的功能

  3. 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" 节点