• export default 和 export 的使用方式(六)


    一:ES6 的导入模块方式和暴露对象方式:

    1. ES6 中导入模块使用:import 模块名称 from '模块标识符';import '表示路径';
    2. 在 ES6 中使用 export default 和 export 向外暴露成员;
    3. export default 向外暴露的成员可以用任意变量来接收;
    4. 在一个模块中,export default 只允许向外暴露一次
    5. 在一个模块中可以同时使用 export default 和 export 暴露成员;
    6. export:使用export向外暴露成员,只能使用 {} 的形式来接收,叫做按需导出;
    7. export:export 可以向外暴露多成员,同时如果默写成员,我们在 import 的时候,不需要则可以不在 {} 中定义;
    8. export:使用export 导出成员,必须严格按照导出的时候的名称来使用 {} 按需接受;
    9. export:使用 export 导出的成员,如果想换自定义名称接收,可以使用 as 来起别名;

    test.js 文件:

    //在 ES6 中使用 export default 和 export 向外暴露成员;
    // var info = {
    // name: 'zs',
    // age: 20
    // };
    // export default info;
    export default {
        name: 'zs',
        age: 20
    }
    export var title = '小星星';
    export var context = '哈哈哈哈';

    main.js 文件:

    import test,{ title as qwer, context} from './test.js';
    console.log(test);
    console.log(qwer);
    console.log(context);

    效果:

    二:Node 导入模块方式和暴露对象方式:

    1. 在 node 中使用: var 名称 = require('模块标识符')  导入模块;
    2. module exports 和 exports 来暴露成员;
  • 相关阅读:
    RegExp实例
    Date类型之组件方法
    Date类型之继承方法
    数组常见方法下
    Math对象
    数组常见方法上
    CSS变量
    基本类型和引用类型
    Python习题集(十五)
    Python习题集(十四)
  • 原文地址:https://www.cnblogs.com/lubolin/p/10942511.html
Copyright © 2020-2023  润新知