前端代码的模块化（js文件中的相互调用）

前端代码的模块化（js文件中的相互调用）

• es5风格代码的模块化
  • 被调用的js文件需通过 module.exports = { function1.name , function2.name} 将方法设置为可以被调用的
  • 在调用的js文件中通过 变量 = require(被调用js文件的路径) 引入被调用的文件，通过变量. 的方式引用对应的方法
• es6风格代码的模块化 【2种方法】（es6风格的js文件不能直接被node.js执行，需要转换为es5风格的代码才能被执行）
  1. • 被调用的js文件中需要被调用的函数名前添加 export关键字
     • 调用的js文件通过import{函数1，函数2} from 被调用文件的路径 引入对应的函数，通过函数名可直接实现调用
  2. • 被调用的js文件中添加 export default { function1(){} function2(){} } 将可被调用的方法添加到默认export的代码块中
     • 调用的js文件可以直接 import m from 被调用的js文件的路径 引入被调用的函数， 并通过m.函数名的方式调用对应的方法