zoukankan      html  css  js  c++  java
  • ES6中 export default和export的用法和区别

    在 ES6 中,也通过 规范的形式,规定了 ES6 中如何导入和导出模块
    ES6中导入模块,使用 import 模块名称 from ‘模块标识符’  或者  import ‘表示路径’
    
    
    在 ES6 中,使用 export default 和 export 向外暴露成员
    export default {
        name: 'zs',
        age: 30
    }
    
    //注意: export default向外暴露的成员,可以使用任意的变量来接收
    //注意: 在一个模块中,export default 只允许向外暴露一次
    //注意: 在一个模块中,可以同时使用 export default 和 export 向外暴露成员
    
    export var title = '小星星'
    export var content = 'hahaha'
    
    //注意: 接收上面这个用 export暴露的成员,只能使用 { title } 来接收,这种形式叫做【按需导出】
    //注意: export 可以向外暴漏多个成员,如果某些成员,,我们在另一个js文件中 import 的时候,不需要这个成员,则可以不在{}中定义
    //注意: 使用 export 导出的成员,接收的时候,必须严格按照导出的名称进行引入,但是可以使用 as 起别名
    
    
    
    //例如下面的例子:虽然定义了对象的名字info,但是在其他js文件中引用这个文件的时候,接受的名称可以不使用info,可以随意定义
    // var info = {
    //     name: 'zs',
    //     age: 30
    // }
    //export default info
    在main.js中引入上面导出的成员
    //下面的 m 代表引入上面导出的 info
    import m , { title as titles123, content }from './test.js' console.log(m); console.log(title+ '---' + content)
  • 相关阅读:
    字典
    字符串常用的方法
    切片,集合、文件处理
    蓝桥杯练习 Day6 题解
    spoj-ORDERS
    spoj-SUBSUMS
    spoj
    spoj --- ABCDEF
    C. Andryusha and Colored Balloons
    B. The Meeting Place Cannot Be Changed
  • 原文地址:https://www.cnblogs.com/ccv2/p/12532953.html
Copyright © 2011-2022 走看看