日常写法

// 假设你写了几个关于某个某块的函数
function foo1 () {...}
function foo2 () {...}
function foo3 () {...}

• 出现问题:假设你的团队中也有一个人定义了foo1函数,那么你写的将会覆盖以前的函数,或者会被覆盖掉.若前面使用let声明了foo1变量.将会报错.

解决污染

你可能会想,将上面3个函数,挂载到一个FooObj对象上面,这样就很棒了.如下:

var FooObj = function () {};
FooObj.foo1 = function() { console.log(1) };
FooObj.foo2 = function() { console.log(2) };
FooObj.foo3 = function() { console.log(3) };

• 解决:这样可以大幅度的减少全局变量命名冲突问题
• 新问题: 该FooObj对象是无法复制的,导致每次都是在原来的基础上修改的.

// 假设有另外一个位置使用了你的FooObj.并且修改了foo2的内容.
var a = FooObj;
var b = FooObj;
a.foo2();    // 2
a.foo2 = 'hahaha'; 
b.foo2()  //  TypeError: b.foo2 is not a function// a 和 b引用的是同一块内存上的数据

解决无法复制

// 将需要的方法放入到函数的返回值中
var FooObj = function (){return {foo1: function() { console.log(1) },foo2: function() { console.log(2) },foo3: function() { console.log(3) }}
}// 使用
var a = FooObj();     // FooObj返回了3个方法,挂载到a的属性上
var b = FooObj();   
a.foo1();    // 1
a.foo2();    // 2
a.foo2  = '哈哈哈';
b.foo2();   // 2// 每个函数都有一个return,用于将函数的执行权交出去.

• 以上解决了’无法复制的问题’