2021-06-29

63 阅读1分钟
按照计划,第一周由需求分析小组完成需求开发文档,而开发小组需要尽快完成相关语言的学习

之前有过简单的使用过Vue框架,因此今天完成了教程第75-90集的学习:
(1)为什么要进行模块化
    ①方便代码的查找与修改
    ②避免协同开发时的命名冲突问题
    ③减少服务器的压力
(2)ES6如何实现模块化
    ①导出
    `// 导出多个内容
    export {
      flag, sum
    }

    // 导出变量
    export var num1 = 1000;

    // 导出函数
    export function mul(a, b) {
      return a*b;
    }

    // 导出类
    export class person {
      constructor(name, age) {
        this.name = name;
        this.age = age;
      }
      run() {
        console.log('在奔跑')
      }
    }
    
    // 导出之后,可以让使用者自己进行命名
    // 只能有一个
    const address = 'BeiJing'
    export default address
    `
    ②导入
    `
    import {flag, sum} from "./ming.js"; 

    import {num1} from "./ming.js";

    import {person} from "./ming.js";

    import addr from "./ming.js";

    // 全部导入
    import * as m1 from "./ming.js";        `