ES6基础--import和export
2017-08-09 17:53
232 查看
ES6 模块的设计思想,是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量。ES6 模块不是对象,而是通过export命令显式指定输出的代码,再通过import命令输入。
import { stat, exists, readFile } from 'fs';上面代码的实质是从fs模块加载3个方法,其他方法不加载。这种加载称为“编译时加载”或者静态加载,即
ES6 可以在编译时就完成模块加载,效率要比 CommonJS 模块的加载方式高。当然,这也导致了没法引用 ES6 模块本身,因为它不是对象。
一个模块就是一个独立的文件。该文件内部的所有变量,外部无法获取。如果你希望外部能够读取模块内部的某个变量,就必须使用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 { stat, exists, readFile } from 'fs';上面代码的实质是从fs模块加载3个方法,其他方法不加载。这种加载称为“编译时加载”或者静态加载,即
ES6 可以在编译时就完成模块加载,效率要比 CommonJS 模块的加载方式高。当然,这也导致了没法引用 ES6 模块本身,因为它不是对象。
export 命令
模块功能主要由两个命令构成:export和import。export命令用于规定模块的对外接口,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命令是编译阶段执行的,在代码运行之前。
相关文章推荐
- es6 export与import的复合写法
- export 与 export default import 详解| es6
- ES6新特性:使用export和import实现模块化
- ES6 export,import
- es6 module 之import export
- ES6 export import
- ES6新特性:使用export和import实现模块化
- ES6的export和import
- [转] ES6 import/export:模块导入导出方式
- ECMAScript 2015(ES6):import和export命令
- ES6中的export以及import的使用多样性
- ES6 export & import的基本用法
- es6 export 与 import 的使用与理解
- es6 多个模块export import
- ES6模块的import和export用法总结
- Es6 中 export和import详解
- ES6新特性:使用export和import实现模块化
- Oracle基础学习笔记(三)(Import, Export, SQL Loader)
- ES6中的import和export
- ES6模块的import和export用法总结