日常写法
// 假设你写了几个关于某个某块的函数
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) },