ES6 模块化

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

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

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

export暴露方式:

1.分别暴露
export let name="小王";
export function fun(){
    console.log("小王")
}
--------------------------------------------------------
2.统一暴露
let name="小王";
function fun(){
   console.log("小王")
}
export {name,fun}
--------------------------------------------------------
3.默认暴露
export default{
    name:"小王",
    fun(){
      console.log("小王")
    }
}

import导入方式

1.通用的导入方式
import * as 变量名 from "路径";
----------------------------------------
2.结构赋值方式
(1)引入分别暴露
import {name,fun} from "路径"
(2)引入统一暴露
import {name,fun} from "路径"
如果导入的多个文件中,变量名字相同,即会产生命名冲突的问题,可以设置别名解决(as 别名)
import {name as mingzi,fun} from "路径"
(3)引入默认暴露
import {default as 变量名} from "路径";
-------------------------------------------
3.简便形式(只针对默认暴露)
import 变量名 from "路径";

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端小马

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值