zoukankan      html  css  js  c++  java
  • 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 来暴露成员;
  • 相关阅读:
    刷题柱 -- 暂封
    模板重搭建計劃
    思路与好题记录与小技巧
    错误记录
    随便记点东西……
    图床
    杂碎的小技巧
    hnsdfz -- 6.21 -- day7
    hsdf -- 6.21 -- day6
    hnsdfz -- 6.20 -- day5
  • 原文地址:https://www.cnblogs.com/lubolin/p/10942511.html
Copyright © 2011-2022 走看看