• 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)
  • 相关阅读:
    Spring 依赖注入:简单的HelloWorld例子
    浮动元素margin负值的应用
    小球拖动吸附
    三栏布局
    ES6学习之路1
    绝对定位模拟固定定位效果...
    jQuery中的一些小技巧
    探究css帧动画setps()用处
    你所不知道的cursor妙用
    正则表达式
  • 原文地址:https://www.cnblogs.com/ccv2/p/12532953.html
Copyright © 2020-2023  润新知