Es6新增的模块化export和export default的主要区别

1.在一个文件或模块中,export,import可以有多个,而export default只能有一个。

2.通过export导出模块式,导入此模块要加{},export default 则不需要。

详细例子如下:

 1、export 

//demo1.js
export const str = 'hello world'

export function f(a){
    return a+1
}

对应的导入方式:

//demo2.js
import { str, f } from 'demo1' //也可以分开写两次,导入的时候带花括号

2、export default

//demo1.js
export default const str = 'hello world'

对应的导入方式:

//demo2.js
import str from 'demo1' //导入的时候没有花括号

猜你喜欢

转载自blog.csdn.net/qq_38045106/article/details/83536208
今日推荐