ES6 export 和 export default 和 import

export 和export default

基础知识

es6模块通常来说是一段包含js的脚本文件，而非module关键字定义的一个模块

• 在es6模块中无论你的是否显示声明"use strict;"语句，默认情况都是在严格模式下进行。

共同点

两者都可以导出模块，例如变量、函数、类、文件等。以便其他文件中可以通过import方法导入使用

区别

export 在同一文件中可以有多个,但使用import导入时必须加上{}才能使用

    export const age = '18'
    export function demo() {
        console.log(1)
    }
    
    import { age, demo } from ...
复制代码

export default 在同一文件中只能使用一次,使用import导入时没有{}

    export default  {
        name: 'gao',
        age: '18',
        demo: function(){
            console.log(1)
        }
    }
    
    import test from ...
复制代码

拜读连接：http://www.infoq.com/cn/articles/es6-in-depth-modules

转载于:https://juejin.im/post/5afd20b9f265da0b8e7f9ce7