0%

ECMAScript 6 模块化操作


做个项目的小伙伴肯定都知道模块化操作,我这里就不细讲了,记录几点知识

模块化操作主要包括两个方面。

基本用法

  • export :负责进行模块化,也是模块的输出。
  • import : 负责把模块引,也是模块的引入操作。
1
2
3
4
5
6
7
8
9
10
11
// 写法一
export var m = 1;

// 写法二
var m = 1;
export {m};

// 写法三
var n = 1;
export {n as m};
// as相当于别名的作用-这里相当于把n叫做m

读取的时候也遵守相应的规范

import {m as my} from './temp';

使用export导出,import导入需要写上{},后面写上相对路径,如果想要换一个名字,也可以使用as

export和export default的区别

export default的使用 加上default相当是一个默认的入口。在一个文件里export default只能有一个。

1
2
var m = 1;
export default m;

export default 输出的时候,是可以不用加 {}的

使用export default导出的时候,import导入是可以随意取名字的

import m from './temp';

而且不用加{}

以上就是我对ECMAScript 6 模块化的一些理解,如果文章由于我学识浅薄,导致您发现有严重谬误的地方,请一定在评论中指出,我会在第一时间修正我的博文,以避免误人子弟。

-------------本文结束感谢您的阅读-------------
没办法,总要恰饭的嘛~~