一个页面如果引用多个JS，或者像ASP.NET MVC，一个视图包含多个子视图，每个子视图有自己的JS，那么变量、函数的重名冲突机会将会大增。

如何解决？

这里有一个方案：用类来封装子页的JS代码。

<script type="text/javascript">
var globalName = "左直拳";
var A = function(){
    var name = "leftfist";
    function hi(){//私有函数，外部无法访问
        alert(name + " : Hi!");//私有变量，内部可以直接访问
    }
    this.hiGlobal = function(){
        alert(globalName + " : Hello!");//全局变量，内部可以直接访问
    }
    this.sayHello = function(){//public函数，外部可访问
        hi();//私有函数，内部可以直接访问
        this.hiGlobal();//公有函数，内部访问也要加上 this.
    }
};

var fa = new A();
</script>

<input type="button" id="btnHi" value=http://www.mamicode.com/"sayHi" onclick="fa.sayHello();" />

JS重名解决方案