一、模块化开发
之前的练习,使用node运行一个js文件。但是实际项目开发中,不可能将全部代码都写在一个文件中。node为我们提供了模块化的语法,每一个js文件都可以当作一个模块
- require()引入一个模块
- module.exports暴露模块接口
现在我们实现一个加法计算的功能,在一个add.js文件中编写一个加法函数,然后用module.exports暴露这个方法,然后再创建一个入口文件main.js引入这个加法函数,并通过加法函数计算结果
示例代码如下:
// add.js定义一个模块 处理加法函数
function add(a,b) {
return a+b
}
module.exports = add
// 引入外部模块,使用加法函数
const add = require('./add')
let result = add(10,20)
console.log(result);
可以在命令行看到输出的运算结果为 30
ES2015的模块化语法
补充:在ES2015中的模块化语法与node的模块化语法略有差异,如下
- import 引入外部模块
- export 暴露模块接口
在vue中会使用到ES2015的模块化语法
外部模块
引入外部模块有三种情况:
1、核心模块:核心模块是node自带的模块,可以在require引入后直接使用
2、自定义模块:自定义模块是自己编写的,上面模块化的例子中,add.js就是一个自定义模块,引入自定义模块