ES6学习笔记22--Module语法

  • import 、export 命令

export 命令用于规定模块的对外接口,import命令用于输入其他模块提供的功能。

处理 import /export 语句是在编译时,所以 import 和 export 命令只能在模块的顶层,不能在代码块中

require 是运行时加载模块,import 命令无法取代 require 的动态加载功能。

  • export 命令

一个模块就是一个独立的文件,该文件内部的所有变量,外部无法获取。若要使用模块内部的某个变量,就必须使用 export 关键字输出该变量

export 命令可以出现在模块的任何位置,只要处于模块顶层就可以。

(1)export命令后,使用大括号指定所要输出的一组变量(推荐)/ 直接跟此变量输出。

通常情况下,export 输出的变量就是本来的名字,但可以用 as 关键字重命名。

// profile.js                                           // profile.js
var firstName = 'Michael';                    export var firstName = 'Michael';
var lastName = 'Jackson';                     export var lastName = 'Jackson';
var year = 1958;                              export var year = 1958;
export { firstName, lastName, year };

//export 输出函数或者类,可以使用 as 进行重命名
function v1() { ... }
function v2() { ... }
// 可以用 as 关键字进行重命名
export {
  v1 as streamV1,
  v2 as streamV2,
  v2 as streamLatestVersion
};

(2)export default 命令为模块指定默认输出。其他模块加载该模块时, import 命令可以为该匿名函数指定任意名字(此时不需要大括号)。一个模块只

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值