网站不同页面的javascript是怎样组织的呢？

Question

网站有很多页面，不知道这些javascript代码该怎样组织。我一般都是在一个匿名函数中直接执行，感觉不太合理。比如A页面： {代码...} 然后B页面也是 {代码...} 就是像发帖、回帖、注册、登录这些，都是直接操作，...

怪我咯 · Answer

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

PHP中文网 · Answer

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

阿神 · Answer

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

黄舟 · Answer

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');