1.export和import的涵义

export主要用于对外输出本模块变量的接口,一个文件就可以被理解为一个模块。export就是导出。

import就是在一个模块中加载另一个含有export接口的模块, import就是导入。

在一个模块中,可以同时使用 export default 和 export 向外暴露成员

2.export和export default的区别

共同点:
export default和export都能导出一个模块里面的常量,函数,文件,模块等,在其它文件或模块中通过import来导入常量,函数,文件或模块。这样就可以使用它们了。

区别:
在一个文件或模块中,export,import可以有多个,export default只允许向外暴露一次。
通过export方式导出,在导入的时候需要加{}大括号,export default 不需要加{}.
export default 向外暴露的成员,可以使用任意变量来接收,如 import a from './test.js
使用 export 导出的成员,必须严格按照导出时候的名称,来使用 { } 按需接收
使用 export 导出的成员,若换个变量名称接收,可以使用 as 换别名,如import {content as content123} from ‘./test.js’

3.实例说明

var name = 'liming'
export { name }

import { name } from "/test.js"
var name = 'liming'
export default name 

import name from "/test.js"
export default {
name: '李明',
age: 19
}

// 或:
// var info = {
// name: '李明',
// age: 19
// }
// export default info


Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐