ES6中export及export default的区别

      在ES6中,export和export default均可用于导出常量、函数、文件、模块等,你可以在其他文件或模块中通过import + (常量 | 函数 | 文件 | 模块)名的方式将其导入,以便能够对其进行使用,但在一个文件或模块中,export、import可以有多个,export default仅有一个。

具体使用:

// 1、demo1.js
export const str = 'hello word'

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

  对应的导入方式:

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

  

// 2、demo1.js
export default const str = 'hello word'

  对应的导入方式

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

  

posted @ 2018-01-02 22:37  carrie_zhao  阅读(295)  评论(0编辑  收藏  举报