【ES6】浅析模块化

通俗的说，就是将一个打的程序文件拆分成许多小的文件，然后将文件组合起来

模块化的好处

• 防止命名冲突
• 提高代码复用性
• 高维护性

模块化的语法

模块化功能主要由两个命令构成：export和import

• export命令用于规定模块的对外接口

  //此文件路径为 ./src/cr7.js
  //方式一：分别暴露
  export let player = 'C罗'
  export function shoot(){
    console.log("倒挂金钩")
  }
  
  //方式二：统一暴露
  let player = 'C罗'
  function shoot(){
    console.log("倒挂金钩")
  }
  export {player, shoot}
  
  //方式三：默认暴露
  export default {
    player = 'C罗',
    function shoot(){
        console.log("倒挂金钩")
    }
  }
  

• import命令用于输入其他模块提供的功能

  //方式一：直接将引入文件中所有暴露出来的接口一次性引入
  import * as p from "./src.cr7.js"
  
  //方式二：析构赋值
  import {player, shoot} from "./src.cr7.js"
  
  //方式三：默认暴露的析构赋值
  import {dafault as cr} from "./src.cr7.js"
  
  //方式四：默认暴露的简便引入
  import cr from "./src.cr7.js"