前端模块化思想总结

前端模块化的作用就是解决变量污染(多部件拼接导致的变量重名使得程序运行报错)

为解决变量污染问题，曾经出现过amd、cmd 、commonJS等浏览器模块化方法，但现在基本都被淘汰了。

接下来，进入重点介绍的ES6模块化（其实和java包导出导入十分接近，学过java的看看就行了，节约时间）

利用babel第三方脚本在Node.js中体验ES6模块化

babel在这里的作用就是将高级js转化为低级js

babel安装

ES6模块化基本语法

1. 默认导出、默认导入

import  ? from ?

//......

export default{
         //默认导出的成员   
}

学过java的同学看到这里就懂了吧！

例子图：

第一个js传出参数

第二个js导入并打印

结果

按需导出、按需导入

//导出
export  var si="aaa"
//导入
import {si} from '../'

区别： 默认导出只能使用一次，按需导出可以使用多次

直接导入并执行模块代码

import'../'