exports、exports.default和module.exports的使用和区别

在 JS 模块化编程的模块引入上, 主要有两种方式：

• Es6 模块化规范：（前端框架中的主流模块化 ）Vue、react、小程序推荐使用es6模块化
• CommonJS 模块标准：Node中的commonjs规范（ 后端语言中 ）
  后端语言，比如webpack（一些配置信息用的都是commonjs规范）

Es6模块化规范

1.分别暴露和引入

暴露：

var name = ‘zbj’
var age = 18
export { name,age }

引入：
引入（按需引入），必须使用es6的解构赋值的语法

Import { age } from ‘./tools.js’

2.默认暴露和引入

暴露：

var name = ‘zbj’
var age = 18
export default {
name,
age
}

引入：

Import t from ‘./tools.js’ 

引入的变量名可以随意起，同时也无需使用解构赋值的形式

总结：一些视图框架，大部分使用分别暴露（因为在页面当中不是所有的视图组件都会用上），如果是某一个类的功能的模块可以使用默认暴露这种形式的单个js文件去管理 。

Commonjs模块化规范

暴露：

module.exports = {
Name:’zbj’,
Age:18
}

引入：

Require(‘./tools.js’)