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)
  • 相关阅读:
    如何在Grid中做出快捷菜单效果?
    ExtJs FormPanel布局
    wpf 中获取ComboBox中选定的文本值
    delphi中的dbgrid使用
    Delphi修改Access密码,压缩与修复,建立Access数据库文件
    关于OS X系统root账号的激活及密码更改
    Delphi过程函数传递参数的几种方式
    Eclipse里的快捷键
    Delphi封装类到DLL
    Delphi Project 之工程选项(Project Options)
  • 原文地址:https://www.cnblogs.com/ccv2/p/12532953.html
Copyright © 2011-2022 走看看