ES6基础--import和export

ES6 模块的设计思想,是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量。ES6 模块不是对象,而是通过export命令显式指定输出的代码,再通过import命令输入。

	import { stat, exists, readFile } from 'fs';
上面代码的实质是从fs模块加载3个方法,其他方法不加载。这种加载称为“编译时加载”或者静态加载,即 ES6 可以在编译时就完成模块加载,效率要比 CommonJS 模块的加载方式高。当然,这也导致了没法引用 ES6 模块本身,因为它不是对象。

export 命令

模块功能主要由两个命令构成:exportimportexport命令用于规定模块的对外接口,import命令用于输入其他模块提供的功能。
一个模块就是一个独立的文件。该文件内部的所有变量,外部无法获取。如果你希望外部能够读取模块内部的某个变量,就必须使用export关键字输出该变量。

	// profile.js
	export var firstName = 'Michael';
	export var lastName = 'Jackson';
	export var year = 1958;
上面代码用export命令对外输出了三个变量。还有下面这种写法

	// profile.js
	var firstName = 'Michael';
	var lastName = 'Jackson';
	var year = 1958;

	export {firstName, lastName, year};
这种写法是将要输出的变量用大括号给括起来,推荐这种写法。

export不仅可以输出变量还可以输出函数或者类。

import 命令

使用export命令定义了模块的对外接口以后,其他 JS 文件就可以通过import命令加载这个模块。
注意,import命令具有提升效果,会提升到整个模块的头部,首先执行
	foo();
	import { foo } from 'my_module';
上面的代码不会报错,因为 import的执行早于 foo的调用。这种行为的本质是, import命令是编译阶段执行的,在代码运行之前。












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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值