es6模块化导出

定义

  1. 每个js都独立的模块
  2. 向外共享模块成员使用export关键字
  3. 导入其他模块成员使用import 关键字

模块化的基本语法

  1. 默认导入和默认导出
    1. 导出 export default 
    2. 导入 import name  from 'js路径' ,用name获取导出模块属性和方法,name命名可随意
    3. 一个页面只允许执行一次默认导出
    4. 导入名称不能用数字开头
  2. 按需导入和按需导出
    1. 导出 export 
    2. 导入 import  {a,b,c} from 'js路径'
    3. 按需导入的名称必须和按需导出的名称要保持一致
    4. 按需导出的时候可以用as 关键字重命名: import {a as b} from 'js路径'
    5. 按需导入可以和默认一起使用 : import A ,{a, b,c} from 'js路径'
  3. 直接导入并执行模块中的代码
    1. import  'js路径' 

整个模块重命名:

import *  as name from 'js路径'。使用符号*,我们引入的是文件中的所有值,包含默认和具名。

name.default  可以调用 默认输出的default 方法

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值