web - 如何组织前端javascript代码-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

web - 如何组织前端javascript代码

ringa_lee 2017-04-10 16:08:56

[JavaScript讨论组]

582

现在写一些中型或大型的web程序的时候经常遇到开发到中后期的时候前端js代码很混乱，没有形成良好的模块化，每次查找对应代码的时候都很麻烦。
采用angularJS之类的MVVM框架的时候还能很好给每个页面一个controller，模块用directive,service之类的拆分文件，最后再打包合并。

但现在如果开发一般的web应用时应该如何在小，中，大型应用开发中组织前端代码？

ringa_lee

全部回复(5)

阿神2017-04-10 16:10:56 5楼

时间有限，粗略写一下：

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.提高 - 模块化版：