NFH.017 - Javascript模块化编程

---

2.25学习经验分享#

Bruce_Zhu于2017.2.25

---

模块化是一个通用的编程最佳实践。程序的模块化使我们可以更方便地使用别人的代码，想要什么功能，就加载什么模块，从而提高代码的利用效率，增加开发速度。
模块就像积木，有了它，我们可以搭出各种各种功能样式的程序。积木有什么特点？小而简单。同样的，我们程序中的模块也要做到这一点，确保自己创建的函数一次只完成一个工作，这样其他开发者可以简单地调试与修改你的代码，而不需浏览所有代码才能弄清每一个代码块执行了什么功能。只有做到像这样地小而简单，才能实现其通用功能。

一、javascript模块化的方法

1、函数封装
JavaScript的作用域就是基于函数的，所以我们可以把函数作为模块。

 function fn1(){
 //code
 }
 
 
function fn2(){
 //code
 }
 

缺点："污染"了全局变量，无法保证不与其他模块发生变量名冲突

2、对象

 var myModule1 = {
 fn1: function(){
 //code
 },
 fn2: function(){
 //code
 }
 }
 

缺点：会暴露所有模块成员，内部状态可以被外部改写

3、立即自执行函数——推荐

 var myModule = (function(){
 function fn1(){
 //code
 },
 function fn2(){
 //code
 },
 return {
 fn1: fn1,
 fn2: fn2
 };
 })();