前端模块化开发

1.通常我们写js是下面这样

function fn1(){//console.log(a)  }function fn2(){//console.log(2)}

在需要调用的地方直接方法名调用就可以了，但多人开发容易引起命名的冲突，不利于优化！

2.可以将所有的方法封装到一个对象中

var demo = {    channel:"wap",    init:function(){    var that=this;    this.start();    },     start:function(){    //console.log(a)          },    fn2:function(){    //console.log(2)    }   };demo.init();

这样可以避免命名的冲突，但外部可以随意修改内部变量。

demo.channel="pc";console.log(demo.channel)

要想避免外部修改，可以用函数封装起来，即IIFE。

3.IIFE

var demo = (function(){var a=1;var b=2;init();    function init(){    fn1();    fn2();    }     function fn1(){    //console.log(a)          }    function fn2(){    //console.log(2)    }   })();