面向对象、模块管理、amd、cmd，想开箱即用，require.js、sea.js、webpack、browserify找一个看看

百度一下js模块化，看看相关的资料，你可以在js中像模块一样相互引用，然后用browserify,webpack这样的工具打包一下，页面去引用这个打包后的文件就好了。

从分层、复用、分治的角度来看，可以看看angular的解决思想。超有JAVA开发的仪式感。

functions.js:
前缀:

function df_foo($arg) {} function df_bar($arg) {}

匿名(实现块级作用域):

(function(){/*JS*/}()); //楼主是这样 (function(){/*JS*/})(); //也可以这样 (function($){})(jQuery); //比如jQuery插件一般就是这样写 $(function(){/*jQuery*/}); //相当于$(document).ready(function(){/*jQuery*/});

函数名为键,函数体(匿名函数)为值:

var func = { foo: function(arg){alert(arg);}, bar: function(arg){alert(arg);} }; func.foo('php'); //func['foo']('php'); func.bar('best'); //func['bar']('best');