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