概述
ES6 在语言标准的层面上,实现了模块功能,而且实现得相当简单,是浏览器和服务器通用的模块解决方案。ES6中,在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等。
export命令
模块功能主要有两个命令构成:export和import。
export命令相当于规定模块的对外接口。
import命令用于输入其他模块提供的功能。
一个模块就是一个独立的文件,该文件内部的所有变量,外部无法获取。如果你希望外部能够读取模块内部的某个变量,就必须使用export
关键字输出该变量。
三、import命令
使用export
命令定义了模块的对外接口以后,其他 JS 文件就可以通过import
命令加载这个模块。
上面代码的import
命令,用于加载login.js
文件,引入后便可以在user.js文件中使用login.js文件中的函数或类等。import
命令接受一对大括号,里面指定要从其他模块导入的变量名。大括号里面的变量名,必须与被导入模块(login.js
)对外接口的名称相同。
export default 命令
export default
命令用于指定模块的默认输出。显然,一个模块只能有一个默认输出,因此export default
命令只能使用一次。所以,import命令后面才不用加大括号,因为只可能唯一对应export default
命令。一个文件内不能有多个export default。
简述区别
1.export与export default均可用于导出常量、函数、文件、模块等
2.在一个文件或模块中,export、import可以有多个,export default仅有一个
3.通过export方式导出,在导入时要加{ },export default则不需要,并可以起任意名称
4.(1) 输出单个值,使用export default
(2) 输出多个值,使用export
(3) export default与普通的export不要同时使用