如何组织前端javascript代码
现在写一些中型或大型的web程序的时候经常遇到开发到中后期的时候前端js代码很混乱,没有形成良好的模块化,每次查找对应代码的时候都很麻烦。
采用angularJS之类的MVVM框架的时候还能很好给每个页面一个controller,模块用directive,service之类的拆分文件,最后再打包合并。
但现在如果开发一般的web应用时应该如何在小,中,大型应用开发中组织前端代码?
一朵小雏菊
9 years, 3 months ago
Answers
时间有限,粗略写一下:
1.基础 - 函数版:
function a(){};
function b(){};
2.入门 - 字面量版:
var obj = {
init : function(){
this.a();
this.b();
},
a : function(){},
b : function(){}
}
// 在页面中调用obj.init();
3.进阶 - 命名空间版:
var hogo = {
ns : function(){};
}
hogo.ns('hogo.wx', {
init : function(){
this.a();
this.b();
},
a : function(){},
b : function(){}
});
hogo.wx.init();
4.提高 - 模块化版:
define();
require();
仅供参考。
bthlon
answered 9 years, 3 months ago